当前位置:网站首页 > 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 | 如果内容不适合内容框,则隐藏整个内容。 |
- 上一篇:怎么查看SiteGround服务器IP和DNS并且解析域名
- 下一篇:已经是最后一篇了
相关推荐
- WordPress不同用户显示不同菜单插件:If Menu & Nav Menu Roles
- WordPress 5.5更新记录
- WordPress登录后跳转到当前页代码
- WordPress 5.5.1更新记录 34个错误修复和4个增强功能
- 免费elementor功能增强插件 Elements kit下载和使用教程
- 黑五可剁手的WordPress主题插件和主机推荐
- 升级WordPress提示“另一更新正在进行”的解决办法
- 6款热门的WordPress安全插件推荐和选用建议
- Shopify和WordPress哪个做电子商务平台更好,有何区别
- Linux VPS批量压缩WordPress图片的方法
- WordPress教程排行
- 最近发表


