(126) 特定の要素だけスクロールバーを非表示にしたい。

投稿者: | 2022年3月11日

98 views

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を使う。


カテゴリー: CSS

コメントを残す

メールアドレスが公開されることはありません。


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)