jquery - 使用 mootools 或 jquery 处理单击和拖动移动以水平滚动

Question

有没有一种简单的方法来处理由单击和在 div 上向左或向右拖动组成的移动事件，以实现经典的 slider 。
这个想法是做一些类似于 iPhone 应用程序滚动的事情，但是用鼠标左键单击。

Answer 1

你的意思是类似这样的东西吗？

var x,y,top,left,down;

$("#stuff").mousedown(function(e){
    e.preventDefault();
    down = true;
    x = e.pageX;
    y = e.pageY;
    top = $(this).scrollTop();
    left = $(this).scrollLeft();
});

$("body").mousemove(function(e){
    if(down){
        var newX = e.pageX;
        var newY = e.pageY;

        $("#stuff").scrollTop(top - newY + y);    
        $("#stuff").scrollLeft(left - newX + x);    
    }
});

$("body").mouseup(function(e){down = false;});

http://jsfiddle.net/AhC87/2/

在区域内单击并拖动以在 div 周围移动。它既快速又肮脏，但如果这就是您的意思，那么这是一个很好的起点。除非某处已有插件。