はてなブックマーク

こんにちは、川口です。 先日、スクロール領域だけどスクロールバーを非表示にしたいことがあったため、CSSでの対応メモをば残しておきたいと思います。 webkit系の対応CSS Chrome、Safariなどで以下のような記述をすると、スクロール領域でもスクロールバーを非表示にすることができます。 スクロールバーを非表示にしたい領域のセレクタに、webkit系ベンダープレフィックスをつけたscrollbar擬似要素を指定するかんじですね！ .selector::-webkit-scrollbar{ display:none; } IE／Edgeの対応CSS IE/Edgeの場合は以下の記述で非表示にできます。 .selector { -ms-overflow-style:none; } 参考URL： 不要なスクロールバーをCSSで非表示にする(Windows) スクロールバーを非表示にした状