CSS隐藏滚动条,兼容各大浏览器。
1:滚动条宽约17px,设置其width多17px,外层容器溢出隐藏,能兼容各个浏览器.outContainer { width:350px; height:300px; overflow: hidden;}.inContainer {height:300px;width: 367px;overflow-x:hidden;overflow-y:scroll;}2:各个...
1:滚动条宽约17px,设置其width多17px,外层容器溢出隐藏,能兼容各个浏览器
.outContainer {
width:350px;
height:300px;
overflow: hidden;
}
.inContainer {
height:300px;
width: 367px;
overflow-x:hidden;
overflow-y:scroll;
}
2:各个浏览器兼容
.outContainer {
width:350px;
height:300px;
overflow: hidden;
}
.inContainer {
height:300px;
width: 350px;
overflow-x:hidden;
overflow-y:scroll;
scrollbar-width: none;
}
/* 使用伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器 /
.inContainer::-webkit-scrollbar{
display: none;
}
/兼容火狐/
.inContainer {
scrollbar-width: none;
}
/ 兼容IE10+ */
.inContainer {
-ms-overflow-style: none;
}
html代码:
更多推荐
所有评论(0)