在圖片庫中使用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/