无限水平滚动分区

当你将鼠标移动到div的右边或左边时,我需要有一个水平滚动的div。

我发现Smooth Div Scroll插件(http://www.smoothdivscroll.com/)非常接近我的需要。 但是,这有几个问题。

  1. 我需要能够使滚动元素从设定位置开始(即左:-340px)。 此插件仅允许您设置起始元素,而不是实际位置。

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

如果有人能帮助我找到这些项目的解决方案,或者至少指出我正确的方向,我将非常感激。

  1. 基本上你可以将autoScrollDirection选项设置为autoScrollDirection ,它会不断自动滚动到右边; 但是当您尝试手动滚动窗口时,它会在结束时停止。 我相信它需要修改插件代码才能使手动滚动连续滚动。

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

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

    这是一个展示它的实际演示 。 但是有一个问题,如果您使用上面的enlessloopright选项,每次调用此函数时位置都会更改,因为内容已重新排列。