Question

我目前正在使用以下代码来自动滚动, 以便从 swipe 检测脚本回调到顶部。当用户在动画时点击屏幕时, 我要添加取消动画的能力。

$( body,html ).animate({
    scrollTop: 0
}, 300);

我怎样才能完成取消合同的任务?

Answer 1

使用 < code> stop 方法来阻止动画。请务必通过 < code> false 的 < code > 参数 < jumpToEnd 参数, 这样用户不会自动被带到屏幕顶部。

$(function() {
    //Substitute with whatever kicks off this scroll in your app.
    $( button ).on( click , function(evt) {
        $( body,html ).animate({
            scrollTop: 0
        }, 3000);

        evt.stopPropagation();
    });

    $(window).on( click , function(evt) {
        $( body,html ).stop();
    });
});

Live example - http://jsfidd.net/FcLbH/2/

Edit - 删除参数到 stop / per @AvL s comment.

Answer 2

我对点击检测并不十分肯定,

$( body,html ).animate({
    scrollTop: 0
}, 6000);

setTimeout(function() { $( html,body ).stop(); }, 3000);

关于停止()的所有信息 : < a href="http://api.jquery.com/stop/"rel="nofollow" >http://api.jquery.com/stop/

Answer 3

也许像这样:

$( body,html ).animate({
    scrollTop: 0
}, 3000).click(function() {
    $( body,html ).stop();
});

例如:http://jsfiddle.net/DJ8Re/1/

友情链接