Xử lý thao tác nhấp và kéo để cuộn theo chiều ngang với mootools hoặc jquery

Có cách nào dễ dàng để xử lý sự kiện chuyển động bao gồm nhấp và kéo sang trái hoặc sang phải trên div, để thực hiện thanh trượt cổ điển.
Ý tưởng là làm điều gì đó tương tự như cuộn ứng dụng iPhone nhưng với nhấp chuột trái.Xử lý thao tác nhấp và kéo để cuộn theo chiều ngang với mootools hoặc jquery

Nguồn

2011-04-23 Agorilla

nhờ cho de chỉnh sửa @ Nicolás – Agorilla

Bạn có ý nghĩa giống như thế này?

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/

Click vào bên trong khu vực và kéo để di chuyển xung quanh div. Nó nhanh chóng và bẩn thỉu, nhưng nếu đó là những gì bạn đã có ý nghĩa, đó là một điểm khởi đầu tốt. Trừ khi có một plugin hiện có ở đâu đó.

Nguồn

2011-04-30 06:07:36