マウスホイールを使用してjScrollPane divの内容をスクロールしています。IE8では動作しません。 Chromeでは正しく動作します。私はsimular問題については赤いが、問題はiframeが使用されている場合でしたが、そうではありません。私はmouswheelのプラグインを含め、私が知っている限り、私はすべてを正しく設定しました。IE8のjScrollPaneでマウスホイールが動作しない(iframeなし!)
必要なファイルを含める:
<link type="text/css" rel="stylesheet" href="<?php echo base_url(); ?>assets/css/jquery.jscrollpane.css" />
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/jquery.mousewheel.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/jquery.jscrollpane.min.js"></script>
適用するJScrollPane:
$("#chatlog").jScrollPane({
autoReinitialise: true,
autoReinitialiseDelay: 100,
maintainPosition: true,
stickToBottom: true,
verticalDragMinHeight: 13,
verticalDragMaxHeight: 13
});
CSS:私はこの問題を持っている非常に単純なtestpageを設定した
#chatlog {
position: relative;
height: 400px;
margin-bottom: 10px;
overflow-y: scroll;
}
:
http://www.webtrail.nl/jscrollpane-example
ありがとう!
コンソールにエラーがありますか?あなたのコードとデモページ? – noob
いいえ、エラーはありません。私はちょうどここにテストページを設定しました:http://www.webtrail.nl/jscrollpane-example – Guido
あなたはfirefoxでそれを試しましたか?(マウスホイールは少なくとも私のためには動かないので)私はこれがmousewheelのプラグインと関係があると思います。プラグインのhandler()関数にconsole.log()またはalert()を追加して、デルタが何を返すかを判断してください。 – emrahgunduz