使用鼠標單擊按鈕導航的JavaScript？

Question

我有一個可滾動的div標記（溢出）。現在我想用鼠標點擊並按住並移動以上下導航（如Adobe Reader中的手形光標功能）。

是否有任何js腳本來實現這一目標？ 具體而言，我使用jQuery，任何jQuery插件來實現這一目標？

Answer 1

不知道有任何插件，但是這不應該是太難：

$(function() { 
    $('#foo').mousedown(function(e) { 
     var start = e.pageY; 
     var startPos = $(this).scrollTop(); 
     var el = $(this); 

     $().mousemove(function(e) { 
      var offset = start - e.pageY; 
      el.scrollTop(startPos + offset); 
      return false; 
     }); 

     $().one('mouseup', function(e) { 
      $().unbind(); 
     }); 

     // Only if you want to prevent text selection 
     return false; 
    }); 
}); 

工作示例可以在這裏找到：

http://www.ulmanen.fi/stuff/mousescroll.php