0

jQuery（UI）を使用してDIV要素をスクロール可能にする興味深いコード例に出くわしました。これはhttp://www.simonbattersby.com/demos/vertical_scrollbar_demo.htmにあります。

その後、使いやすく再利用しやすくするためにプラグインに変えました。99％動作していますが、小さなバグが1つあります。何らかの理由で、スクロールバーをクリックしても、DIV要素がスクロールされません。

マウスホイールを使用すると正常に機能しますが、何らかの理由でクリックアンドドラッグが機能しません。

私が取り組んでいるコードはここにあります：http：//jsfiddle.net/mitchmalone/XRnxL/2/

4

1 に答える 1

1

これを試してみてください。

slide: function (event, ui) {
    var topValue = -((100 - ui.value) * difference / 100);
    $(this).parents(".slider-wrap").prev(".scroll-pane").find('.scroll-content').css({
        top: topValue
    });
},
change: function (event, ui) {
    var topValue = -((100 - ui.value) * difference / 100);
    $(this).parents(".slider-wrap").prev(".scroll-pane").find('.scroll-content').css({
        top: topValue
    });
}

この問題は、の子ではないため、生成された結果を直接 呼び出さないこと$(this)を参照していることでした。修正するには、domをトラバースして前を見つけてから、を見つけてcss値を調整する必要があります。div.slider-verticalfind.scroll-content.scroll-contentdiv.slider-vertical.scroll-pane.scroll-content

フィドルを更新しました。

于 2011-02-21T23:05:32.603 に答える