当用户触摸页面时停止页面滚动动画

Question

嗨，我在论坛上发现了这段代码，它部分符合我的要求，但我无法插入新函数。

也就是说，当手指从手机放在屏幕上时，停止滚动。

$('html, body').animate(
{ scrollTop: $(document).height() - $(window).height() },
12000,
function() {
$(this).animate({ scrollTop: 0 }, 12000);
}
);

Answer 1

您可以使用.stop()来"停止匹配元素上当前正在运行的动画"；。

尝试将此添加到您的页面：

$('html, body').on("touchend", function(e) {
$(this).stop();
});