Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
移动css中的可滚动菜单_Css_Wordpress - Fatal编程技术网

移动css中的可滚动菜单

移动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

在手机上,我的wordpress博客将菜单显示为三行。点击它会显示所有菜单项,但我无法在触摸屏上滚动


我应该为此菜单设置哪个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*/
}