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
    });
});

如何使用jquery动画滚动

1 个答案: