🚀 建站太难？我来手把手带你—— 了解「WordPress建站陪跑」服务 →

经验技巧分享

给WordPress下拉菜单添加滚动功能

📅 2020年6月24日

👤 Lee

⏱️ 阅读时间：1分钟

🔄 最后更新：2020年6月24日

今天给一个客户的外贸网站菜单设置滚动功能，做个记录。

一些使用WordPress做电商的外贸网站，很多主题都会支持超级菜单，然后就可能导致某个子菜单的内容非常长，不利于展示，所以我们需要设置成超过多少像素后出现滚动条的功能，方法很简单，添加上一个overflow-y参数就行。

ul ul{
    max-height:500px;
    overflow-y:scroll;
}

例如上面的例子，设置了最大高度为500px，然后overflow-y变为滚动。

overflow-y属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。

支持一下几种值：

值	描述
visible	不裁剪内容，可能会显示在内容框之外。
hidden	裁剪内容 – 不提供滚动机制。
scroll	裁剪内容 – 提供滚动机制。
auto	如果溢出框，则应该提供滚动机制。
no-display	如果内容不适合内容框，则删除整个框。
no-content	如果内容不适合内容框，则隐藏整个内容。

4.4/5 - (5 votes)

🚀 看教程还是觉得迷茫？不如让我手把手带你

「WordPress建站陪跑」——从选域名、买主机，到装主题、上线发文，每一步都有我全程陪跑，少走弯路，直达目标。

👉 了解建站陪跑服务

🔒

评论已关闭

本文的评论功能已关闭，如有问题欢迎通过其他方式联系我们。