css – firefox滚动条隐藏

前端之家收集整理的这篇文章主要介绍了css – firefox滚动条隐藏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

溢出时如何隐藏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中,但其他方式就像魅力一样.

猜你在找的CSS相关文章