Question

我有一个浮动菜单，当你开始向下滚动页面时我想淡入，然后当你回到页面顶部时淡出。我已经让它工作没有淡入淡出，但我不知道如何添加淡入淡出。任何帮助赞赏。感谢。

$(document).scroll(function() {
    $('#floatingnav').toggle($(this).scrollTop()>250)
});

CSS

#floatingnav {
    position:fixed;
    display:none;
}

Answer 1

您可以使用fadeToggle作为参数（只是想要）而不是平面切换。这将完成您的工作。

$(document).scroll(function() {
     $('#floatingnav').fadeToggle($(this).scrollTop()>250)
});

Answer 2

您可以尝试此操作来测试div是否已达到顶部

$(window).scroll(function () {
   var d = $('div'); // this is your fixed div
    if (d.offset().top > 250) {
       d.fadeIn();
    } else {
       d.stop().fadeOut();
    }
});

TEST FIDDLE

Answer 3

$(window).bind("scroll", function() {
    if ($(this).scrollTop() > 250) {
        $("#floatingnav").fadeIn();
    } else {
        $("#floatingnav").stop().fadeOut();
    }
});

淡入/淡出div scrollTop

3 个答案: