移动css中的可滚动菜单

Question

在移动设备上，我的wordpress博客将菜单显示为三行。单击它会显示所有菜单条目，但我无法在触摸屏上滚动。

我应该为此菜单设置哪个css属性，以便通过滚动查看所有菜单？

Answer 1

您似乎需要Overflow css属性。

Answer 2

使用菜单项容器的溢出CSS属性。
例如： 如果你有这样的菜单项：

ul.menu-items-container {
   list-style:none;
}

ul.menu-items-container > li {
   /*CSS for individual menu items*/
}

然后像这样添加overflow: auto或overflow: scroll：

ul.menu-items-container {
   list-style:none;
   overflow: auto;    /*or overflow: scroll*/
}

您还可以在特定轴上定位溢出，如下所示：

ul.menu-items-container {
   list-style:none;
   overflow-y: auto;    /*or overflow-y: scroll*/
}