如何使用jQuery動畫滾動

Question

我正在嘗試使某些按鈕在這里工作。 http://www.sepulturaimpex.ro/portofoliu是網站。

當我單擊向左/向右按鈕時，我想從一個項目移到另一個項目

圖像是隨機寬度。

我該如何實現？

這是我正在使用的腳本。

$(document).ready(function () {
    $(".prev").click(function () {
        $(".p_horizontal_wrap").animate({
            scrollLeft: "-=700"
        })
    }), $(".next").click(function () {
        $(".p_horizontal_wrap").animate({
            scrollLeft: "+=700"
        })
    })
}),

Answer 1

答案就在您的問題中； 如果圖像是隨機寬度，則無法以固定寬度滾動

我認為最好的選擇是向前看並找到下一個對象的x位置，然后滾動到該位置。 根據您的標記，您可能需要跟蹤滾動到視圖中的對象索引。

您的下一個按鈕（下一個/上一個可以相同）如下所示：

$(".next").click(function() {
    var targ = /** find out the next item to be shown **/
    var left = $(targ).position().left;
    $(".p_horizontal_wrap").animate({
        scrollLeft: left
    });
});