javascript - Jquery检测用户交互

标签 javascript jquery html scroll jquery-animate

我有这段代码可以自动滚动页面并在用户与页面交互时停止动画。这在桌面设备上正常工作,但在 iphone 上不正常。当用户尝试用手指滚动页面时,动画不会停止,直到到达页面底部。我能为此做什么?谢谢!

$("html,body").stop().animate({scrollTop: $(document).height()}, 2000);

// Stop the animation if the user scrolls. Defaults on .stop() should be fine
$("body,html").bind("scroll mousedown DOMMouseScroll mousewheel keyup", function(e){
    $("html,body").stop();
});  

最佳答案

我将它添加到绑定(bind)区域,它可以“touchstart touchmove”

$("body,html").bind("touchstart touchmove scroll mousedown DOMMouseScroll mousewheel keyup", function(e){
    $("html,body").stop();
});  

关于javascript - Jquery检测用户交互,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17122079/

相关文章:

javascript - Firefox 在 dragenter 事件上发送垃圾邮件

javascript - 为什么 .prop ('src' ) 在属性 src 为 null 或空时返回错误值?

javascript - 一键-两种功能

javascript - 对事件监听器感到困惑

javascript - 数字数组在字母数组之前加载

javascript - 为什么我的 sequelize 模型实例丢失了它的 id?

javascript - 满足条件时拉取数据属性列表

javascript - 隐藏在模态弹出可滚动部分后面的 jQuery 多选下拉值

javascript - wIdth/height 继承 div 的行为

javascript - 有序列表索引