43

重複の可能性：
ブラウザまたは要素のスクロールバーを無効にし、ホイールまたは矢印キーでのスクロールを許可するにはどうすればよいですか？

CSSプロパティを設定することで、グリッドの垂直スクロールバーを無効にすることができましたoverflow-y: hidden。ただし、これにより、マウスホイールでコンテンツをスクロールする機能も削除されました。

スクロールバーを表示せずに、マウスホイールまたは矢印キーでコンテンツをスクロールできるようにする方法はありますか？

4

2 に答える 2

62

Javascriptメソッドがあります。複製したスレッドを参照してください。

より良い解決策は、ターゲットdivをoverflow：scrollに設定し、overflow：hiddenである8px狭い2番目の要素内にラップすることです。

ターゲット要素には非表示のスクロールバーがあります。マウスホイールは機能しますが、スクロールバーは表示されません。

<div style='overflow:hidden; width:200px;'>
   <div style='overflow:scroll; width:208px'>
      My mousewheel scrollable content here....
   </div>
</div>

スクロールバーの幅としての8pxは乱数であることに注意してください。おそらくそれよりはるかに多く、ブラウザーごとにCSSが必要になる可能性があります。

私の本のJSよりもまだ良いです。

于 2010-07-15T07:36:08.477 に答える
1

jScrollPaneを使用すると、ブラウザのスクロールバーをカスタムのものに置き換えることができます。

これらのカスタムスクロールバーはCSSでスタイル設定できるため、簡単に非表示にすることができます（次のようにしてみてください.jScrollPaneTrack { display: none; }） 。

于 2010-07-15T07:21:41.787 に答える