移动css中的可滚动菜单
在手机上,我的wordpress博客将菜单显示为三行。点击它会显示所有菜单项,但我无法在触摸屏上滚动移动css中的可滚动菜单,css,wordpress,Css,Wordpress,在手机上,我的wordpress博客将菜单显示为三行。点击它会显示所有菜单项,但我无法在触摸屏上滚动 我应该为此菜单设置哪个css属性,以便通过滚动查看所有菜单?看起来您需要css属性。将溢出css属性用于菜单项容器。 例如: 如果您有如下菜单项: ul.menu-items-container { list-style:none; } ul.menu-items-container > li { /*CSS for individual menu items*/ } ul
我应该为此菜单设置哪个css属性,以便通过滚动查看所有菜单?看起来您需要css属性。将溢出css属性用于菜单项容器。
例如: 如果您有如下菜单项:
ul.menu-items-container {
list-style:none;
}
ul.menu-items-container > li {
/*CSS for individual menu items*/
}
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*/
}
然后添加overflow:auto
或overflow:scroll
,如下所示:
ul.menu-items-container {
list-style:none;
}
ul.menu-items-container > li {
/*CSS for individual menu items*/
}
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*/
}
您还可以将溢出锁定在特定轴上,如下所示:
ul.menu-items-container {
list-style:none;
}
ul.menu-items-container > li {
/*CSS for individual menu items*/
}
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*/
}