0

基本的なスライダーと、スライダーに基づいてオフセットしたオーバーフロー div があります。これを行うには、これを使用します。

slide: function(e, ui) {
            $("#myDiv").animate({left: ui.value * -1}, 500);
        },
        stop: function(e, ui) {
            $("#myDiv").animate({left: ui.value * -1}, 500);
        },
        change: function(e, ui) {
            $("#myDiv").css({left: ui.value * -1});
        }

これは、スライダーのどこかをクリックするか、マウス ホイール/矢印キーを使用するとうまく機能します。ただし、スライダーを左右にドラッグしてどこかにドロップすると、div はスクロールを続け、前後にジャンプします。マウスを離すと、実際には「スナップ」しません。

実際に追跡するように、これを行うためのよりクリーンな方法はありますか?

4

1 に答える 1

0

コードを変更するだけ

slide: function(e, ui) {
        // here replace the delay / remove animation and place div in exact position
        $("#myDiv").animate({left: ui.value * -1}, 0);
    },
    stop: function(e, ui) {
        $("#myDiv").animate({left: ui.value * -1}, 500);
    },
    change: function(e, ui) {
        $("#myDiv").css({left: ui.value * -1});
    }
于 2012-05-23T20:53:37.840 に答える