我正在尝试编写一个代码,该代码在元素进入视图时以及元素不在视图中时触发
var _2017 = $("#2017").offset().top;
$(window).scroll(function() {
if ($(window).scrollTop() - _2017 > -200) {
jQuery('[id*="_2017"]').each(function(index) {
$(this).delay(200 * index).fadeIn(200);
});
} else {
jQuery('[id*="_2017"]').each(function(index) {
$(this).delay(200 * index).fadeOut(200);
});
}
});
问题在于jQuery并不针对所有具有ID的div。这段代码可以正常工作
var _2017 = $("#2017").offset().top;
$(window).scroll(function() {
if ($(window).scrollTop() - _2017 > -200) {
jQuery('[id*="_2017"]').each(function(index) {
$(this).delay(200 * index).fadeIn(200);
});
} else {
}
});
但是当我包含代码时,元素就会消失。它并不针对所有div。
如果有人可以帮助我并向我解释我做错了什么。谢谢