如何制作滚动+像素数而不是锚依赖？

Question

我正在尝试在水平导航（类似幻灯片）上创建下一个/上一个scrollTo，并且找不到任何关于如何滚动到没有锚点的文章。

如何制作它以便每次按下Next时，scrollTo会移动一定数量的像素而不是锚点？

Answer 1

您可以使用scrollLeft()：

$('#next').on('click', function() {
    var scroll = $('body').scrollLeft();
    $('body').animate({ scrollLeft : scroll + 400 });
});