2

コンテンツが高さを超えた場合に、サイドバーガジェットのgadgetContentdiv全体をスクロール可能にしたいと思います。スクロールバーを表示させることができます。残念ながら、このバーをクリックしてドラッグすると、ガジェット全体が移動します。これが私のCSSです：

div#gadgetContent {
  overflow: auto;
  height: 240px;
}

ガジェットのクリック+ドラッグの動きをオーバーライドするスクロールバーの動作を取得する方法はありますか？

前もって感謝します！

編集：HTMLスクロールバーが実際にサイドバーガジェット内で機能することを発見しました。要素にCSSがあり、g:backgroundスクロールバーがクリックできないようになっています。HTMLスクロールバーは、問題を修正すると、期待どおりに機能し始めました。

4

1 に答える 1

1

divに空のハンドラーを設定できますonclickが、そうすると、スクロールバーだけでなく、要素のコンテンツ全体に対してドラッグが防止されます。

最善のアプローチは、独自のスクロールバーを作成するか、既存のライブラリ（たとえば、これ）を使用することです。このようにして、適切なイベントハンドラーをスクロールバーコントロールに適用して、クリックされたときにドラッグされないようにすることができます。

于 2011-01-04T16:59:36.907 に答える