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

Question

我已经实现了水平滚动，如这个 fiddle 所示: fiddle

我想做的是在滚动 1 个 div 后停止滚动，然后在单击下一个/上一个按钮后从它离开的地方继续。现在它继续滚动直到结束，但我想在 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之后停止。