4

私が jScrollPane を使っているのは、単純にそれが Google で最初のものであり、とても疲れていたからです。だから、私は何か違うものを使うことに反対していないと言うことから始めましょう.

2列のセクションがあります。右側の列は jScrollPane プラグインを使用しており、幅は固定されています。スクロールバーをドラッグすると動作しますが、マウス ホイール プラグインが動作しないようです。私はこの順序ですべてを呼び出しています:

jquery.jscrollpane.css  
jquery.jscrollpane.lozenge.css  
jquery.min.js  
jquery.mousewheel.js  
mwheelIntent.js  
jquery.jscrollpane.min.js

マークアップ: 

<div class="twocolumn">
  <div class="img-lt"></div>
  <div class="txt-rt scroll-pane">...</div>
</div>

CSSは次のとおりです。

#content .twocolumn { overflow:hidden; }
#content .twocolumn .img-lt {
  padding-right:22px;
  border-right:1px solid #818283;
  float:left;
}
#content .twocolumn .txt-rt {
  padding-left:22px;
  float:left;
  width:556px;
  height:409px;
}

そして、経由で準備ができているページをターゲットにしています
$(function(){ $('.scroll-pane').jScrollPane(); });

コンソールはエラーを報告しません。何かご意見は？

4

1 に答える 1

15

jQuery1.7を使用していると思います。その場合、スクロールホイールを制御するプラグインを更新する必要があります。（jScrollPaneプラグインの依存関係の1つ）。

リンクは次のとおりです。

https://github.com/brandonaaron/jquery-mousewheel/

于 2011-12-22T22:59:55.610 に答える