css實現隱藏滾動條

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}