使用鼠标单击按钮导航的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