0

jScrollPaneを使用してカスタム スクロール バー スタイルを作成しています。

ここで私の現在のコードを表示してください: http://cwhitaker.com/deck/deck.html

jScrollPane は最新のすべてのブラウザーで機能しますが、スクロール機能は Webkit ブラウザー (Safari および Chrome) でのみ機能します。ただし、jScrollPane のデモでは、マウス スクロールはすべてのブラウザで完全に機能します。

絶対位置を使用している列と関係があるのでしょうか?

4

2 に答える 2

2

私にとって、スクロールバーは、参照されたWebページのどのブラウザーでもマウススクロールで機能しませんでした.

質問で言及されているウェブページから HTML、CSS、JavaScript コード全体をhttp://jsfiddle.net/ytQMs/にコピーしました。次の変更を行った後、すべてのブラウザーでマウス スクロールを機能させることができました。

  1. 最新の mouseWheel ディストリビューションへのリンクhttp://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js
  2. 最新の jScrollPane ディストリビューションへのリンクhttp://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js
  3. jQuery コーナー プラグインとそれに関連する行 $('.deck-column-title').corner("5px top"); を削除しました。

コードにこれらの変更を加えて試してみることをお勧めします。

于 2012-01-17T08:07:16.563 に答える
0

マウスホイールを使ってスクロールするということですか？ドラッグアンドドロップを使用してFirefoxでスクロールできるためです。すべてのブラウザーでマウスホイールのサポートを有効にするには、別のプラグインが必要だと思います。

マウス ホイール プラグインがページに含まれている場合、スクロール ペインはマウス ホイール イベントにも応答します。

http://archive.plugins.jquery.com/project/mousewheel

于 2012-01-16T21:03:11.367 に答える