当前第2页 返回上一页
1 2 3 | ::-webkit-scrollbar {
display : none ;
}
|
注意:当你要隐藏滚动条的时候,最好将overflow显示设置为auto或者scroll保证内容是可滚动的。
示例
我们使用上面的CSS属性以及溢出实现下面一个实例――隐藏水平滚动条,同时允许垂直滚动条:
1 2 3 4 5 6 7 8 9 10 | .demo::-webkit-scrollbar {
display : none ;
}
.demo {
scrollbar- width : none ;
-ms-overflow-style: none ;
overflow-x: hidden ;
overflow-y: auto ;
}
|
(学习视频分享:css视频教程)
以上就是css怎么隐藏滚动条的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
html+css+javascript如何实现列表循环滚动
:empty是什么?怎么使用?
css怎么隐藏div
简述什么是css?
css怎么设置按钮边框的颜色
css和html区别是什么
css中绝对定位什么意思
css怎么设置不显示文字
css中伪类和伪对象(伪元素)区别是什么
怎么给css文件改名
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么隐藏滚动条