css怎么隐藏滚动条(2)-木庄网络博客

当前第2页返回上一页

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

注意：当你要隐藏滚动条的时候，最好将overflow显示设置为auto或者scroll保证内容是可滚动的。

示例

我们使用上面的CSS属性以及溢出实现下面一个实例――隐藏水平滚动条，同时允许垂直滚动条：

.demo::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
 
.demo {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}

（学习视频分享：css视频教程）

以上就是css怎么隐藏滚动条的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css怎么隐藏滚动条

css怎么隐藏滚动条

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论