处理单击并拖动运动以使用mootools或jquery水平滚动

是否有一种简单的方法来处理由单击并拖动到div上的左侧或右侧组成的运动事件，以便制作经典滑块。
这个想法是做类似于iPhone应用程序的滚动，但用鼠标左键单击。处理单击并拖动运动以使用mootools或jquery水平滚动

2011-04-23 Agorilla

感谢德编辑@尼古拉斯 – Agorilla 2011-05-02 00:48:55

你的意思是这样的吗？

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/

单击区域并拖动里面走动的股利。它快速而肮脏，但如果这就是你的意思，这是一个很好的起点。除非有一个现有的插件。

来源

2011-04-30 06:07:36