我具有以下功能,我想向动画中的某些元素添加一些延迟,但前提是页面没有被滚动。为此,我检查$(window).scrollTop(),但是,如果我滚动然后重新加载页面,它也会返回0。 谁能告诉我为什么会这样?
slideInAsScroll: function() {
var win = $(window);
console.log(win.scrollTop());
var allMods = $(".load-group");
// Already visible modules in the viewport
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("come-in");
if (
win.scrollTop() == 0
) {
$(".come-in:nth-child(2)").css("animation-delay", ".5s");
$(".come-in:nth-child(4)").css("animation-delay", "1s");
$(".come-in:nth-child(5)").css("animation-delay", "1.5s");
$(".come-in:nth-child(6)").css("animation-delay", "2s");
}
}
});
// Not visible modules in the viewport
win.scroll(function(event) {
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("come-in");
}
});
});
}