如果用户触摸屏幕，则停止scrollTop动画

Question

我有一个脚本可以将长页向下滚动到该页面上的特定div。如何让用户想要在滚动动画期间阻止页面滚动到指定的div？

$('html, body').animate({
    scrollTop: $(ele).offset().top - 50
}, 1500);

我希望在1500秒结束前使用点击操作停止动画。

Answer 1

使用以下代码

stop is the id of the button

      $( "#stop" ).click(function() {
        $( "html, body" ).stop();
      });

Answer 2

通过“触摸屏”，您的意思是在移动浏览器上？移动浏览器在click()事件时会有一些延迟响应，因此要顺利完成此操作，您应该抓住移动平台touchstart或touchend事件：

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