溢出时如何隐藏Firefox滚动条:auto?
::-webkit-scrollbar {
display:none; }
我使用此代码,但这仅适用于Google Chrome.
任何帮助人?谢谢!
更新
我用的时候
overflow:hidden;
页面无法继续页脚.
我的css
/*----- Reset ----*/
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,img,small,strong,dl,dt,dd,ol,ul,li,fieldset,form,label{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body{
line-height:1.5;
font-family: helvetica,arial,sans-serif;
}
body,html{
height:100%;
background-color:whitemsoke;
}
ol,ul{
list-style:none;
}
/* ---- END OF RESET --- */
#pageWrapper{
width:965px;
height:100%;
margin:auto;
Box-shadow:1px 1px 17px black;
overflow:hidden;
}
::-webkit-scrollbar {
display:none;
}
header{
background-color: #D4E7ED;
height:200px;
}
nav{
text-align:center;
background-color:#003366;
padding:10px;
}
nav ul li{
display:inline;
padding:20px;
}
nav ul li a{
text-decoration:none;
color:whitesmoke;
}
nav ul li a:hover{
text-decoration:underline;
}
aside{
width:200px;
background-color:#666666;
height:100%;
overflow:hidden;
float:left;
margin:0 auto -20px 0;
}
section{
background-color:#CCCCCC;
height:100%;
margin:0 auto -20px 0;
overflow:hidden;
}
footer{
background-color:#003366;
height:20px;
position:relative;
}
最佳答案
我没有找到任何特定的Firefox.我一直在寻找相当于:: – webkit-scrollbar {display:none}.
然而,我所发现的是一种通用的跨浏览器解决方案:
滚动条由父div隐藏.
这要求你使用overflow:隐藏在父div中,但其他方式就像魅力一样.