无限水平滚动分区
当你将鼠标移动到div的右边或左边时,我需要有一个水平滚动的div。
我发现Smooth Div Scroll插件(http://www.smoothdivscroll.com/)非常接近我的需要。 但是,这有几个问题。
-
我需要能够使滚动元素从设定位置开始(即左:-340px)。 此插件仅允许您设置起始元素,而不是实际位置。
-
我需要滚动元素是无限的。 所以,如果我向右滚动,当它到达结尾时,它应该继续向右,并从头开始重复元素。
如果有人能帮助我找到这些项目的解决方案,或者至少指出我正确的方向,我将非常感激。
-
基本上你可以将
autoScrollDirection
选项设置为autoScrollDirection
,它会不断自动滚动到右边; 但是当您尝试手动滚动窗口时,它会在结束时停止。 我相信它需要修改插件代码才能使手动滚动连续滚动。 -
您可以使用插件的API设置更改滚动条的位置。 试试这个:
// Do not include "px" and this number should be positive var position = "400"; $('#makeMeScrollable') .data('startingPosition', position) .data('scrollXPos', position) .smoothDivScroll('recalculateScrollableArea');
这是一个展示它的实际演示 。 但是有一个问题,如果您使用上面的
enlessloopright
选项,每次调用此函数时位置都会更改,因为内容已重新排列。