jquery - JQUERY-ドラッグアンドスクロール（同じフォトショップナビゲーターパレット）

Question

私はこのスクリプトを持っていますhttp://jsfiddle.net/gphp/ZMmRv/4/

2つのイベントがあります：1-divはドラッグ可能で、彼の動きはページをスクロールします2-ページをスクロールするとdivが移動します

これらの2つのイベントが一緒になってクラッシュが発生します。一度に1つずつ適用することが可能です。イベントを開始および停止しますか？どうやって？

ありがとう

Answer 1

まあ、私はより良い解決策ではないと思いますが、あなたはこれを開始としてあなたの意志で編集することができます：

デモ

$(document).ready(function(){
    $('#drag').css({
        'height': ($(document).height()/10),
        'width': ($(document).width()/10)
    });

    $("#drag").draggable({
        scrollSensitivity: 50,
        scrollSpeed: 10
    });

    $(window).scroll(function(){
        if( $('#drag').offset().top < $(window).scrollTop() )
            $("#drag").animate({top: $(window).scrollTop()}, "fast");

        if( $('#drag').offset().left < $(window).scrollLeft() )
            $("#drag").animate({left: $(window).scrollLeft()}, "fast");
    });        
});