css怎么隐藏滚动条


当前第2页 返回上一页

1

2

3

::-webkit-scrollbar {

  display: none; /* Chrome Safari */

}

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

示例

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

1

2

3

4

5

6

7

8

9

10

.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怎么隐藏滚动条的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html+css+javascript如何实现列表循环滚动

:empty是什么?怎么使用?

css怎么隐藏div

简述什么是css

css怎么设置按钮边框的颜色

css和html区别是什么

css中绝对定位什么意思

css怎么设置不显示文字

css中伪类和伪对象(伪元素)区别是什么

怎么给css文件改名

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...