cssスクロールバーを隠す
618 ワード
擬似オブジェクト選択
巧みなレイアウトとcss特性により同様の効果を実現
スクロールバーをコンテンツ領域の外に配置しoverflow:hiddenで隠すが、外層容器とコンテンツ領域は幅を固定しなければならないという非難も明らかである.
.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;
}