如何使用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
    });
});