zoukankan      html  css  js  c++  java
  • css实现隐藏滚动条

    demo1:

    html

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

     css

    .outer-container,.content {
         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}
    

      

     

  • 相关阅读:
    LuoguP1126 机器人搬重物(BFS)
    POJ1950----DFS
    C
    B
    A
    C
    B
    A
    A
    B
  • 原文地址:https://www.cnblogs.com/shuiche/p/6250629.html
Copyright © 2011-2022 走看看