JavascriptとCSS：スクロールバーを非表示にして、スクロールイベントを有効にします。

Question

私は小さなカスタムスクロールバープラグインを開発しています。

すべては問題ありませんが、スクロールバーを非表示にするにはどうすればよいですか？

私は別の要素にすべてを入れたくありません。別のアイデアは、ネイティブのものにカスタムバーを置くことでしたが、ネイティブのスクロールバーは、異なるOSで異なる幅を持っていますか？

どのようにネイティブのスクロールバーを取り除きましたか？

Answer 1

私が考えることができる唯一の方法は、すべてのブラウザでうまくいくということは、1つのdivにすべてのコンテンツをラップしてスクロール可能にすることです。その後、bodyまたはhtmlのoverflowプロパティをhiddenに設定します。

ラップされたdivの高さがウィンドウの高さに調整され、幅が約50px以上になると、スクロールバーが表示されなくなりますが、スクロールしても上下にスクロールすることができます。