无限水平滚动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 选项，则每次调用此函数时位置都会发生变化，因为内容会重新排列。