cssスクロールバーを隠す

擬似オブジェクト選択

.element::-webkit-scrollbar {
    display:none;
}
       webkit   ，  Chrome Safari。  PC          。

巧みなレイアウトとcss特性により同様の効果を実現
スクロールバーをコンテンツ領域の外に配置しoverflow:hiddenで隠すが、外層容器とコンテンツ領域は幅を固定しなければならないという非難も明らかである.

     

        

            ......
        
     
 

.outer-container,.content {
    width: 200px; height: 200px;
   （     ，       ）
}
.outer-container {
    overflow: hidden;
}
.inner-container {
    overflow-x: hidden;
    overflow-y: scroll;
}