2012-06-22 35 views
1

我有此腳本http://jsfiddle.net/gphp/ZMmRv/4/JQUERY - 阻力和滾動(同Photoshop的導航面板)

我有兩個事件: 1 - 股利是拖動和他的運動滾動頁面 2 - 滾動頁面移動DIV

這兩個事件一起發生。 可以一次應用一個。開始和停止事件?怎麼樣?

感謝

+0

這是新的腳本HTTP: //jsfiddle.net/gphp/ZMmRv/4/ 當我拖動那裏是一個崩潰,因爲當我拖動身體的滾動位置增加和相應的div位置......指數地! – Giovanni

回答

0

嗯,我認爲是沒有更好的解決辦法,但你可以以此爲你的意志開始和編輯:

DEMO

$(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"); 
    });   
}); 
+0

謝謝..但它只適用於第一次活動...演示> http://jsfiddle.net/gphp/ZMmRv/4/ – Giovanni

+0

@GiovanniLudwigPeter你想用鼠標滾輪滾動'黑匣子'?你想拖動'移動n'只在灰盒子裏面放下'黑盒子'? 爲什麼在draggable()裏面使用'animate()'如果它已經滾動頁面? – void

+0

我不知道..你有一些解決方案嗎?謝謝無效 – Giovanni