联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > WordPress教程 > 正文

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

作者:98wpeu发布时间:2026-02-24分类:WordPress教程浏览:3


导读:今天给一个客户的外贸网站菜单设置滚动功能,做个记录。一些使用WordPress做电商的外贸网站,很多主题都会支持超级菜单,然后就可能导致某个子菜单的内容非常长,不利于展示,所以我们...

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

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

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

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

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

支持一下几种值:

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

标签:菜单功能WordPress


WordPress教程排行
最近发表
网站分类
标签列表