我正在尝试创建一个简单的无限滚动jQuery滑块。问题是,在到达第三个图像后,滑块会返回到第一个图像,遍历所有其他图像。
下面是代码:jsFiddle
$('#rightArrow').click(function() {
currentPosition = currentPosition+1;
sliderControls(currentPosition);
$('#combined').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
我想让它无限循环。之后的第三个图像应该是具有相同动画的第一个。
发布于 2013-08-24 02:13:54
创建无限循环并不像你想象的那么容易。为了创建一个好的无限滑块,当滑块到达末端时,你必须在它的末端附加新的元素。您附加在末尾的项目可以从前面移除,以获得最佳性能。
由于有许多无限滚动插件,您可能想尝试一个:http://megahitmag.com/free-infinite-scrolling-jquery-plugins/
https://stackoverflow.com/questions/18408746
复制相似问题