wordpress下拉菜单中的滚动功能

Question

我正在创建一个带有六个主菜单选项的wordpress的网站，其中两个有26个子选项。由于下拉菜单中的选项数量超过了我的PC屏幕可以容纳的数量，因此底部的一些选项会被截止。我也找不到在超大菜单中创建滚动效果的任何选项。我试图找出出路，但找不到一个适合wordpress或stackoverflow。他们有什么方法摆脱这个问题吗？

Answer 1

解决这个问题的最简单方法如下：

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

因此，列表元素（菜单的子菜单）中的列表元素的最大高度为200px。如果它超过此值，滚动条将让用户向下滚动。

Demo

Answer 2

首先，您需要为每个子菜单指定一个类名。转到“外观 - 菜单”。弹出屏幕顶部的“屏幕选项”。选中“CSS类”框。然后转到菜单中的每个子菜单名称，弹出菜单打开并在“CSS Classes（可选）”字段中输入“SubMenu1”，以便第一个菜单滚动，并为要滚动的第二个菜单输入“SubMenu2”上。您将在后续步骤中使用这些类名。

没有转到“Appearance-Customize-Additional CSS”选项并添加此css。

.nav li ul { width: 290px; }

#top-menu li li a { width: 250px; }

.SubMenu1 ul {
      height: 400px;
      overflow: scroll;
}

.SubMenu2 ul {
      height: 400px;
      overflow: scroll;
}

根据您需要的宽度，您可以调整宽度值。