こんにちは、川口です。 先日、スクロール領域だけどスクロールバーを非表示にしたいことがあったため、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) スクロールバーを非表示にした状
![スクロールバーを非表示にする|GSblog|Webで解決する小さな会社 株式会社 月虹製作](https://cdn-ak-scissors.b.st-hatena.com/image/square/f28ac9656a9ab8db2b1da2251d05e7b0ebb56847/height=288;version=1;width=512/https%3A%2F%2Fwww.gekkoseisaku.com%2Ffcontents%2Fimages%2Fcache%2Fblog_article%2F06%2F450x450%2Fscroll.jpg)