Infinite Horizo​​ntal Scrolling Div

Question

我需要一个div，当你将鼠标移动到div的右侧或左侧时，它将水平滚动。

我找到了真正接近我需要的Smooth Div Scroll插件（http://www.smoothdivscroll.com/）。但是，这有几个问题。

1. 我需要能够使滚动元素开始在一个设置的位置（即左：-340px）。这个插件只允许你设置一个起始元素，而不是一个实际的位置。

2. 我需要滚动元素是无限的。所以，如果我向右滚动，当它结束时，它应该继续向右，并从头开始重复该元素。

如果有人可以帮我找到这些物品的解决方案，或者至少指出我正确的方向，我会非常感激。

Answer 1

1. 基本上你可以设置autoScrollDirection选项endlessloopright，它会不断地自动滚动到的权利;但是当您尝试手动滚动窗口时，它会在最后停止。我相信这需要修改插件代码以使手动滚动连续滚动。

2. 您可以通过使用插件的API来设置更改滚动条的位置。试试这个：

   // Do not include "px" and this number should be positive 
   var position = "400"; 
   $('#makeMeScrollable') 
       .data('startingPosition', position) 
       .data('scrollXPos', position) 
       .smoothDivScroll('recalculateScrollableArea'); 
   

   这里是a demo来展示它的行动。但有一个问题，如果使用上面的enlessloopright选项，则每次调用此函数时，位置都会发生更改，因为内容已重新排列。