当前位置:网站首页 > WordPress教程 > 正文
给WordPress下拉菜单添加滚动功能
作者:98wpeu发布时间:2026-02-24分类:WordPress教程浏览:175
导读:今天给一个客户的外贸网站菜单设置滚动功能,做个记录。一些使用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 | 如果内容不适合内容框,则隐藏整个内容。 |
相关推荐
- 从零开始学习jQuery (十) jQueryUI常用功能实战 - Web前端
- 从零开始学习jQuery (十) jQueryUI常用功能实战 - Web前端
- 用jquery实现下拉菜单效果的代码 - Web前端
- jquery 实现返回顶部功能 - Web前端
- js+JQuery返回顶部功能如何实现 - Web前端
- 分享14个很酷的jQuery导航菜单插件 - Web前端
- 分享14个很酷的jQuery导航菜单插件 - Web前端
- 使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码) - Web前端
- jquery 应用代码 方便的排序功能 - Web前端
- Jquery+CSS 创建流动导航菜单 Fluid Navigation - Web前端
- WordPress教程排行
-
- 1#建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 2不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- 3KeePass实现Chrome浏览器自动填充密码方法一
- 4LNMP一键包nginx 301强制跳转到https教程
- 5WordPress随机显示特色图片插件:Random Post Thumbnails
- 6KeePass实现Chrome浏览器自动填充密码方法二
- 7SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 8WordPress关注微信公众号回复可见和阅读更多的方法
- 9自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


