css实现隐藏滚动条

简介: demo1: html ......  css .outer-container,.

demo1:

html

<div class="outer-container">
     <div class="inner-container">
        <div class="content">
            ......
        </div>
     </div>
 </div>

 css

.outer-container,.content {
    width: 200px; height: 200px;
}
.outer-container {
    position: relative;
    overflow: hidden;
}
.inner-container {
    position: absolute; left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

  demo2

直接在css中用伪属性

::-webkit-scrollbar
.element::-webkit-scrollbar {display:none}

  

 

目录
相关文章
|
2月前
|
前端开发
CSS 滚动条样式修改
CSS 滚动条样式修改
58 0
|
2月前
|
容器
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
37 0
|
10月前
|
前端开发
CSS div隐藏滚动条
CSS div隐藏滚动条
49 0
|
9天前
|
前端开发
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
8 0
|
1月前
|
前端开发
CSS实现将垂直滚动条放置在左侧方法
CSS实现将垂直滚动条放置在左侧方法
43 2
|
2月前
|
前端开发 容器
如何用css给网页添加滚动条
如何用css给网页添加滚动条
51 2
|
2月前
|
前端开发 小程序
css div添加滚动条(附加源码)
css div添加滚动条(附加源码)
20 0
|
2月前
|
前端开发
CSS 隐藏滚动条
CSS 隐藏滚动条
35 0
|
8月前
|
JSON 前端开发 数据格式
CSS横向滚动条自定义样式
CSS横向滚动条自定义样式
148 0
|
8月前
|
JSON 前端开发 数据格式
CSS横向滚动条实现
CSS横向滚动条实现
66 0