当前第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怎么隐藏滚动条的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
css图片大小如何设置
css斜体样式怎么写
纯css如何绘制双箭头(代码示例)
css怎么设置左边距
css实现div背景色闪烁效果
css中常见的布局有哪些?
谈谈css中的3种预处理器
css 实现三栏自适应布局
css删除线颜色怎么设置
css中link和import的区别是什么
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么隐藏滚动条