滚动一个div后，需要停止水平滚动

Question

我已经实现了水平滚动，如下所示： fiddle

我想要做的是在滚动1 div之后停止滚动，然后在单击下一个/ prev按钮后继续滚动。现在它继续滚动直到它到达结束但我想在1 div之后停止滚动。怎么办呢？

function startScrolling(modifier, step) {
    if (scrollHandle === 0) {
        scrollHandle = setInterval(function () {
            var newOffset = parent.scrollLeft() + (scrollStep * modifier);

            parent.scrollLeft(newOffset);
        }, 10);
    }
}

function stopScrolling() {
    clearInterval(scrollHandle);
    scrollHandle = 0;
}

Answer 1

您可以使用animate方法并在参数内部添加所需的新scrollLeft位置。

类似的东西：

<强> .animate（{scrollLeft： '+ = 200'}，1000）;

你的div的宽度是500，所以如果你把它放在上面的代码中，滚动将在一个div之后停止。