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

时间:2012-06-22 11:53:10

标签: jquery scroll drag

我有这个脚本http://jsfiddle.net/gphp/ZMmRv/4/

我有两件事: 1 - div是可拖动的,他的动作滚动页面 2 - 滚动页面移动div

这两个事件一起崩溃。 可以一次应用一个。开始和停止事件?如何?

感谢

1 个答案:

答案 0 :(得分: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");
    });        
});