JQUERY-拖动和滚动（相同的photoshop导航器调色板）

Question

I have this script http://jsfiddle.net/gphp/ZMmRv/4/

I have two events: 1 - the div is draggable and his movement scrolls the page 2 - Scroll the page moves the div

there are a crash with these two events together. it is possible to apply one at a time. start and stop event? how?

thanks

Answer 1

Well, i think is not the better solution but your can take this as a start and edit at your will:

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");
    });        
});