ウィンドウブラウザでの自動スクロールバーの表示方法

Question

私はoverflow: autoでいくつかの要素を持っています。それはうまくいく。 macOSでは、ユーザーがスクロールしていないときにスクロールバーが自動的に非表示になり、スクロールバーに表示されます。

ウィンドウとすべてのブラウザでは、スクロールバーは常に表示されます。それは醜いレンダリングを行います。

ユーザーがスクロールしていないときに、すべてのOSとすべてのブラウザでスクロールバーを自動的に非表示にするにはどうすればよいですか？

私は同様の質問がたくさんある知っているが、私は、適切な答えを見つけることができます

Answer 1

perfect-scrollbarが

ミニマル完璧なカスタムスクロールバーのプラグイン

あるそれはで動作しますInternet Explorerを含むほぼすべてのWebブラウザ

Answer 2

私は何かを見つけました！私はそれはとても単純なことと考えていたことがありません：

.my-elem { 
    overflow: hidden 
} 

.my-elem:hover { 
    overflow: auto 
} 

Answer 3

<style type="text/css"> 
body { 
    overflow:hidden; 
} 
</style> 

上記のコードは、水平と垂直の両方のスクロールバーが非表示になります。

すべてのブラウザに独自のデフォルトの「ユーザーエージェント」スタイルシートがあるため、すべてのHTML要素のスタイルを一貫したベースラインにリセットするCSSリセットを実行する必要があります。 HTMLはすべてのブラウザで同じように表示されます。

ノーマライズすることもできます。 Normalize.cssは、すべてを「解凍」するのではなく、有用なデフォルトを保持します。