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