在hover具有固定高度的无序列表时平滑滚动

我有一个固定高度无序列表

与固定高度列表项

• 我的ul高度为600px，包含200boost度为40px的物品。

  我需要创建一个脚本，当鼠标hover在列表底部时向下滚动列表，当鼠标hover在列表顶部时向上滚动。

  我试过这个： http ： //archive.plugins.jquery.com/project/hoverscroll但它并不像它应该的那样顺利，所以我需要创建一个自定义的（可能根本不使用jQuery）。

  任何想法或例子？ 我怎样才能达到预期的效果？

  谢谢

  Answer 1

  尝试使用$ wrapper.animate（{scrollTop：step}）; 例如JS：

   var isScroll = false; $(document).ready(function () { $('#up').hover(function () { isScroll = true; gotoNext(true); }, function () { isScroll = false; }); $('#down').hover(function () { isScroll = true; gotoNext(false); }, function () { isScroll = false; }); }); function gotoNext(dir) { if (isScroll) { isScroll = true; var step = dir ? '-=20' : '+=20'; $('#wrapper').animate({ scrollTop: step }, 200, "linear"); setTimeout(function () { gotoNext(dir); }, 200); } } 

  HTML：

   
   
   
   
  1
   
  2
   
  3
   
  4
   
  5
   
  6
   
  7
   
  8
   
  9
   
  1
   
  2
   
  3
   
  4
   
  5
   
  6
   
   
   
   

  它看起来对我很好

  Answer 2

  为什么不将屏幕分成网格？ 一旦mouseX和mouseY点击顶部网格，它将向上滚动预定义的整数值