当前第2页 返回上一页
1 2 3 4 5 6 7 | < div class = "outer-container" >
< div class = "inner-container" >
< div class = "content" >
......
</ div >
</ div >
</ div >
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | .element, .outer-container {
width : 200px ;
height : 200px ;
}
.outer-container {
border : 5px solid purple ;
position : relative ;
overflow : hidden ;
}.inner-container {
position : absolute ;
left : 0 ;
overflow-x: hidden ;
overflow-y: scroll ;
}.inner-container::-webkit-scrollbar {
display : none ;
}
|
方法3:css隐藏滚动条
自定义滚动条的伪对象选择器::-webkit-scrollbar。
1 | .element::-webkit-scrollbar { width: 0 !important }
|
IE 10+
1 | .element { -ms-overflow-style: none; }
|
Firefox
1 | .element { overflow: -moz-scrollbars-none; }
|
免费学习视频分享:css视频教程
以上就是css3怎么将滚动条隐藏的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
CSS3 icon属性怎么用?
CSS3有那些内置函数
一招搞定css不规则边框
CSS3 sticky不生效怎么办
详细介绍精选html5/CSS3动画应用源码分享
CSS3如何设置placeholder的样式
ie对CSS3的支持吗
CSS3如何实现图片木桶布局?(附代码)
perspective属性怎么用
CSS3如何实现流星雨效果?(代码示例)
更多相关阅读请进入《CSS3》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css3怎么将滚动条隐藏