css3怎么将滚动条隐藏


当前第2页 返回上一页

1

2

3

4

5

6

7

<div class="outer-container">

    <div class="inner-container">

       <div class="content">

           ......

       </div>

    </div>

</div>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

.element, .outer-container {

  width: 200px;

    height: 200px;

}

.outer-container {

  border: 5px solid purple;

    position: relative;

    overflow: hidden;

}.inner-container { 

position: absolute

left: 0

overflow-x: hidden

overflow-y: scroll;

}.inner-container::-webkit-scrollbar { 

display: none;

}

方法3:css隐藏滚动条

自定义滚动条的伪对象选择器::-webkit-scrollbar。

1

.element::-webkit-scrollbar { width: 0 !important }

IE 10+

1

.element { -ms-overflow-style: none; }

Firefox

1

.element { overflow: -moz-scrollbars-none; }

免费学习视频分享:css视频教程

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

返回前面的内容

相关阅读 >>

CSS3 icon属性怎么用?

CSS3有那些内置函数

一招搞定css不规则边框

CSS3 sticky不生效怎么办

详细介绍精选html5/CSS3动画应用源码分享

CSS3如何设置placeholder的样式

ie对CSS3的支持吗

CSS3如何实现图片木桶布局?(附代码)

perspective属性怎么用

CSS3如何实现流星雨效果?(代码示例)

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




打赏

取消

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

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

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

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

评论

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