jquery - slideDown/Up 和 scrollTop 互相窃听

Question

向下滚动 150px 时，左侧会出现一个 div（slideDown）。当您按下向上按钮时，窗口应该向上滚动并且 div 应该隐藏 (slideUp)。发生这种情况，但 div 向上滑动，然后再次向下滑动，然后再向上滑动。有什么问题？这是代码：

function checkSize() {
    if ($(window).width() > 1250) {
            $(window).scroll(function() {
                if ($(document).scrollTop() > 150) {
                    $("nav#menu-float").slideDown("800");
                }
                else {
                    $("nav#menu-float").slideUp("800");
                }
            });
    }
    else {
        $("nav#menu-float").hide();
    }
}

checkSize();
$(window).resize(function() {
    checkSize();
});

//Back to top
$("div#toTop a").click(function(e) {
    $("body,html").animate({
            scrollTop: 0
    }, 800);
    $(this).parents("nav#menu-float").slideUp("800");
    e.preventDefault();
});

编辑删除了测试用例的链接，因为该链接已经失效。

Answer 1

我认为你可以删除它

 $(this).parents("nav#menu-float").slideUp("800");

行，从$("div#toTop a").click(function(e)
Slideup 事件被调用两次：1.on click 事件，并且单击再次调用滚动事件 2.滚动事件尝试再次向上滑动，同时滚动到顶部 '0'....