zoukankan      html  css  js  c++  java
  • css隐藏滚动条(webkit和非webkit)

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

    ::-webkit-scrollbar {
      display: none;
    }
    2.兼容所有浏览器的css写法
    demo:
    html部分:
    <div class="outsideBox">
          <div class="centerBox">
            <div class="insideBox"></div>
          </div>
        </div>
    CSS部分:
    .outsideBox{
       200px;
      height: 200px;
      overflow: hidden;
      position: relative;
      margin-left:-20px;
      margin-top:-20px;
      .centerBox{
        position: absolute;
        left:20px;
        top:20px;
         200px;
        height: 200px;
        overflow: scroll;
        .insideBox{
           400px;
          height: 400px;
          background: radial-gradient(red, green, blue); /* 标准的语法 */
        }  
      }
    }
     
  • 相关阅读:
    python3-基础11
    python3-基础10
    python3-基础9
    python3-基础8
    python3-基础7
    python3-基础6
    phaserjs 总结
    ES6总结
    移动端webview调试
    nodejs的理解
  • 原文地址:https://www.cnblogs.com/miaSlady/p/11549868.html
Copyright © 2011-2022 走看看