javascript - 使用 JQuery 在滚动条上隐藏 Div

Question

我确定这是一个微不足道的问题，但我似乎无法弄清楚。我正在尝试淡入和淡出侧边栏，因为我的网站中有一些侧边栏，所以我需要为它们提供单独的 Javascript ID。

这段代码有效

$(window).on("scroll", function() {
    var scrollPos = $(window).scrollTop() - 100 ;
    if (scrollPos < 100) {
        $("#menu").fadeOut();
    } else {
        $("#menu").fadeIn();
    }
});

这不是

$(window).on("scroll", function() {
    var menu = document.getElementById("menu");
    var scrollPos = $(window).scrollTop() - 100 ;
    if (scrollPos < 100) {
        menu.fadeOut();
    } else {
        menu.fadeIn();
    }
});

在后一篇文章中，我要做的就是分配一个变量。

这是 fiddle :https://jsfiddle.net/gavinfriel/nhovvj6q/1/

您的帮助将不胜感激。

Answer 1

您必须将它包装在 jQuery 调用中，使其成为一个 jQuery 对象。否则它找不到 fadeOut 和 fadeIn 函数:

var menu = $("#menu");

或

var menu = $(document.getElementById("menu"));