394 views

この記事は最終更新から 921日 が経過しています。

1. やりたいこと

任意の要素だけ、
スクロール可能だがスクロールバーは非表示
にしたい。

2. やってみる

CSSで実現できる。

ここでは SCSSで記述する。
現時点で当該機能は WEBブラウザ独自実装のため、WEBブラウザごとに指定方法が異なる。（2022年3月10日時点）

div.mydiv{
  -ms-overflow-style: none;     // MS-Edge
  scrollbar-width: none;        // Firefox
  &::-webkit-scrollbar{         // Google Chrome
    display: none;
  }
}

上記以外のブラウザは試していない…

3. 参考情報

Windows10で SASS → CSS 変換する方法は、こちらの過去記事に記しています。
(64) 【Sass入門#4】Windows10でもsassを使う。