要件 : スクロールバーを表示せずにマウス ホイールの垂直スクロールを有効にし、背景を維持します。
以下のソリューションを使用して、以下のソリューションに従うことで期待を達成することができます
<div style='overflow:hidden; width:200px;'>
<div style='overflow:scroll; width:217px'>
My mousewheel scrollable content here....
</div>
</div>
リンク : HTML スクロールバーを削除しますが、マウスホイールのスクロールは許可します
私が現在抱えている問題は、子 div 内に別の色とスタイルのテーブルがあり、背景を維持したいということです。現在、上記のソリューションを使用すると、17px のスクロールバー領域が空になり、誰かがスクロールバーをこすったように見えます。質問は次のとおりです。
(a) バックグラウンドを維持するにはどうすればよいですか?
(b) 垂直スクロールバーの幅を 1px に減らして、細い線としてのみ表示され、ユーザーがスクロールバーの存在にさえ気付かないようにすることはできますか?