javascript - 在图片库中使用 jquery 自动水平滚动？

Question

好的，我正在制作图片库。我将缩略图水平放置在大图片下方的 div 中。 img这是它的快照。

我希望缩略图 div 在用户单击下一步按钮时与大图片一起滚动。我试过了

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

但这只是第一次起作用，当用户点击下一步按钮时第二次不起作用。

Answer 1

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