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

2022-03-19 01:38:48 PHP中文网 JavaScript 百度已收录

示例

我们使用上面的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视频教程》

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

返回前面的内容

相关阅读 >>

css如何将图片等比缩放

css margin-right属性怎么用

Html option标签怎么添加两个value？option标签的用法解析

css文字在底部怎么写

css怎么实现禁止缩放

css selectors是什么

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

书籍

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

￥83.86元 人民邮电出版社

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

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

html css怎么隐藏滚动条

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

相关推荐

评论