Question

我正在尝试修复和动画标题导航，以便当用户从顶部滚动超过80px时，它会从浏览器窗口外部弹出。然后我想在用户向后滚过＆lt; 80px时反转动画。我已经做到了这一点（在代码中已经设置了节流功能）：

var e = $(window).scrollTop();
$(window).on("scroll", throttle(function() {
        var t = $(window).scrollTop();
        t > 80 ? t > e ? $(header).animate({
          top: "-150px"
        }, 200) :

在＆＃39;其他＆＃39;我完全陷入困境。我一直在寻找其他类似的功能并试图解释代码，但真的很挣扎。任何帮助都非常感激。

Answer 1

为什么要将它与e（通常为0）进行比较。那不是重点。如果您想在window的{{1}}成为scrollTop时发生某些事情，请使用以下代码。另请注意80px的{{1}}函数中的单个true参数。

animate

stop()

$(function () {
  $(".peek-a-boo").css({
    top: -200
  });
  $(window).scroll(function () {
    if ($(window).scrollTop() > 80)
      $(".peek-a-boo").stop(true).animate({
        top: 0
      }, 200);
    else
      $(".peek-a-boo").animate({
        top: -200
      }, 200);
  });
});

揭示/隐藏固定菜单（jQuery）

1 个答案: