web-dev-qa-db-ja.com

Firefoxの非表示スクロールバー（スクロールは可能ですが、スクロールバーはありません）

スクロールはできるがスクロールバーを表示しないdivを作成したい。 Webkitのソリューションを見つけました（下記）が、他のブラウザーでこれを行うにはどうすればよいですか？

JavaScriptプラグインの使用は避けたいです。 CSSまたはベンダー固有のソリューションを探しています。

Webkitソリューション

#photoreel::-webkit-scrollbar {
    height: 0;
    width: 0;
}
#photoreel {
    overflow-x: scroll;
    overflow-y: hidden;
}
cssfirefoxscrollbar
46
Matt

スクロールバーを非表示にするoverflow:hiddenを使用して、スクロール可能なdivを別のdivにラップする必要があります。

例については、 http://jsfiddle.net/qqPcb/ を参照してください。

ところで： jScrollPaneと呼ばれる素敵な小さなjQueryプラグイン でも同じ手法が使用されています

52
user123444555621

2019ソリューション

Firefox 64以降、これに対する完全にシンプルなソリューションがあります（FirefoxおよびFirefoxモバイルでのみ動作します）

scrollbar-width: none;

docs を確認してください

duplicate とマークされた投稿からの来訪者のために、これはMS Edgeソリューションでもあります：

-ms-overflow-style: -ms-autohiding-scrollbar;
3
Ondra

Firefoxが作成するスクロールバー（このページの右側にあるものなど）を意味する場合は、できるとは思いません。これを参照してください link より良い説明について

3
Stanley Cup Phil