如何在点击时阻止scrollTo动画

时间:2016-09-23 15:16:10

标签: jquery

如何阻止click事件中的scrollTo动画,

jQuery.scrollTo.window().queue([]).stop();

此代码对我不起作用

1 个答案:

答案 0 :(得分:1)

我在jQuery中为你做了一些事情。

使用我的第一个函数i触发滚动顶部动画。在第二个中,我检查用户是否点击了页面上的任何位置(滚动到顶部按钮除外)并停止动画。

$(document).on("click", ".scroll", function(){
    $("html, body").animate({ scrollTop: 0 }, 5000);
    return false;
});

$(document).on("click", function(e) {
    var page = $("html, body");
    if (e.target !== $(".scroll")) {
       page.on("click", function(){
           page.stop();
       });  
    }
    return false;
});

我在这里做了一个小提琴:https://jsfiddle.net/we99f20n/2/