Html 移动设备下拉菜单中滚动条的去除
您好,我正在试图找出如何使滚动条不显示在下拉菜单上,显示在移动视图时 [在我发布之前,它要求我提供更多详细信息,我没有任何其他信息,只是说我在这个页面和jQuery中添加了一些javascript,但删除了它,并且出现了相同的问题,所以我不认为是这样] 移动导航CASS 导航HTMLHtml 移动设备下拉菜单中滚动条的去除,html,css,Html,Css,您好,我正在试图找出如何使滚动条不显示在下拉菜单上,显示在移动视图时 [在我发布之前,它要求我提供更多详细信息,我没有任何其他信息,只是说我在这个页面和jQuery中添加了一些javascript,但删除了它,并且出现了相同的问题,所以我不认为是这样] 移动导航CASS 导航HTML 必须为ul元素指定一个显示属性,并且不要让它浮动: #nav_mobile ul{ float:none; display:inline; } 现在你应该看到整个菜单了 您需要对类进行如下更改-
必须为ul元素指定一个显示属性,并且不要让它浮动:
#nav_mobile ul{
float:none;
display:inline;
}
现在你应该看到整个菜单了 您需要对类进行如下更改-
#nav_mobile ul ul {
background: #fff none repeat scroll 0 0;
display: none;
left: 0;
padding: 0;
position: absolute;
top: 24px; <!-- change this to 24px -->
}
#nav_mobile ul li {
float: left;
margin: 0;
padding: 0;
<!-- position: relative; (remove it) -->
}
#nav_mobile ul {
float: none;
list-style: outside none none;
margin: 0;
padding: 0;
<!-- position: relative; (remove it) -->
}
下拉菜单不会出现在您的网页中
#nav_mobile ul{
float:none;
display:inline;
}
#nav_mobile ul ul {
background: #fff none repeat scroll 0 0;
display: none;
left: 0;
padding: 0;
position: absolute;
top: 24px; <!-- change this to 24px -->
}
#nav_mobile ul li {
float: left;
margin: 0;
padding: 0;
<!-- position: relative; (remove it) -->
}
#nav_mobile ul {
float: none;
list-style: outside none none;
margin: 0;
padding: 0;
<!-- position: relative; (remove it) -->
}