窗口scrollTop在页面底部返回0

时间:2019-06-02 07:19:11

标签: jquery

我具有以下功能,我想向动画中的某些元素添加一些延迟,但前提是页面没有被滚动。为此,我检查$(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");
      }
    });
  });
}

0 个答案:

没有答案