javascript - jQuery停止元素不再褪色

我制作了这个小片段，将窗口滚动到页面顶部。

    $(window).scroll(function(){
        $("#scrollup").fadeIn("slow");
    });
    $("#scrollup").click(function(){
        $('html, body').animate({ scrollTop: 0 }, 'normal', function() {
            $("#scrollup").fadeOut("slow");
        });
    });

但是，当滚动窗口后scrollup div淡出时，它又淡入了。如何阻止这种情况发生？谢谢。



我想我已经找到了合理的解决方案

$(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
        $('.scrollup').fadeIn();
    } else {
        $('.scrollup').fadeOut();
    }
});

这比更改我的原始代码容易吗？

最佳答案

检出.stop()：http://api.jquery.com/stop/

$(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
        $('.scrollup').stop().fadeIn();
    } else {
        $('.scrollup').stop().fadeOut();
    }
});