我确定这是一个微不足道的问题,但我似乎无法弄清楚。我正在尝试淡入和淡出侧边栏,因为我的网站中有一些侧边栏,所以我需要为它们提供单独的 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/
您的帮助将不胜感激。
最佳答案
您必须将它包装在 jQuery
调用中,使其成为一个 jQuery
对象。否则它找不到 fadeOut
和 fadeIn
函数:
var menu = $("#menu");
或
var menu = $(document.getElementById("menu"));
关于javascript - 使用 JQuery 在滚动条上隐藏 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37674400/