使用图库中的jquery自动水平滚动？

Question

好的，我正在制作一个图库。我把水平的缩略图放在大图片下面的div中。 img这是它的快照。

当用户点击下一个按钮时，我希望缩略图div与大图片一起滚动。我试过了

$("#next").click(function({$(".slider_thumbnail").animate({scrollLeft: 300px})});

但这只是第一次使用，当用户点击下一个按钮时第二次无效。

Answer 1

我认为scrollLeft: 300px存在问题。 当您使用此属性时，元素将在第一次移动到300px的绝对滚动位置，当您再次单击下一个按钮时，它将不会移动，因为我已经具有相同的滚动位置。您应该使用scrollLeft: "+=300"进行连续工作。请查看http://api.jquery.com/animate/