码迷,mamicode.com
首页 > Web开发 > 详细

css隐藏滚动条(webkit和非webkit)

时间:2019-09-19 16:20:07      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:语法   gradient   移动端   display   sid   absolute   滚动   scroll   dia   

1.移动端或者谷歌浏览器(webkit内核)

::-webkit-scrollbar {
  display: none;
}
2.兼容所有浏览器的css写法
demo:
html部分:
<div class="outsideBox">
      <div class="centerBox">
        <div class="insideBox"></div>
      </div>
    </div>
CSS部分:
.outsideBox{
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-left:-20px;
  margin-top:-20px;
  .centerBox{
    position: absolute;
    left:20px;
    top:20px;
    width: 200px;
    height: 200px;
    overflow: scroll;
    .insideBox{
      width: 400px;
      height: 400px;
      background: radial-gradient(red, green, blue); /* 标准的语法 */
    }  
  }
}
 

css隐藏滚动条(webkit和非webkit)

标签:语法   gradient   移动端   display   sid   absolute   滚动   scroll   dia   

原文地址:https://www.cnblogs.com/miaSlady/p/11549868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!