Jquery 如何在'；在向下滚动时自动隐藏导航栏'；？

我发现了一个伟大的自动隐藏导航栏，但我不知道如何正确地添加静态横幅上面。有人能帮忙吗

导航栏演示：

导航栏脚本：

$(document).ready(function () {

  'use strict';

   var c, currentScrollTop = 0,
       navbar = $('nav');

   $(window).scroll(function () {
      var a = $(window).scrollTop();
      var b = navbar.height();

      currentScrollTop = a;

      if (c < currentScrollTop && a > b + b) {
        navbar.addClass("scrollUp");
      } else if (c > currentScrollTop && !(a <= b)) {
        navbar.removeClass("scrollUp");
      }
      c = currentScrollTop;
  });

});

$（文档）.ready（函数（）{
"严格使用",；
变量c，currentScrollTop=0，
导航条=$（'nav'）；
$（窗口）。滚动（函数（）{
var a=$（window.scrollTop（）；
var b=导航条高度（）；
currentScrollTop=a；
如果（cb+b）{
navbar.addClass（“scrollUp”）；
}否则，如果（c>currentScrollTop&&！（a您可以通过在
nav
元素之前添加
div
元素来添加固定高度的横幅。必须调整导航栏的css以匹配横幅的
div
高度

然后您可以使用

$('.banner').height()

计算导航栏消失的额外滚动高度

工作示例（或关于）：


$（文档）.ready（函数（）{
"严格使用",；
变量c，currentScrollTop=0，
横幅=$（“.banner”），
导航条=$（'nav'）；
$（窗口）。滚动（函数（）{
var a=$（window.scrollTop（）；
如果（a>banner.height（））{
navbar.addClass（“固定”）；
}否则{
导航栏。删除类（“固定”）；
}
var b=navbar.height（）+banner.height（）；
currentScrollTop=a；
如果（cb+b）{
navbar.addClass（“scrollUp”）；
}否则，如果（c>currentScrollTop&&！（a您可以通过在
nav
元素之前添加
div
元素来添加固定高度的横幅。必须调整导航栏的css以匹配横幅的
div
高度

然后您可以使用

$('.banner').height()

计算导航栏消失的额外滚动高度

工作示例（或关于）：


$（文档）.ready（函数（）{
"严格使用",；
变量c，currentScrollTop=0，
横幅=$（“.banner”），
导航条=$（'nav'）；
$（窗口）。滚动（函数（）{
var a=$（window.scrollTop（）；
如果（a>banner.height（））{
navbar.addClass（“固定”）；
}否则{
导航栏。删除类（“固定”）；
}
var b=navbar.height（）+banner.height（）；
currentScrollTop=a；
如果（cb+b）{
navbar.addClass（“scrollUp”）；
}否则如果（c>currentScrollTop&&！（a为什么不为您的横幅元素使用
position:sticky
？
例如：

.banner{
位置：粘性；
顶部：20px；
}

这是在线演示：
为什么不为您的横幅元素使用
位置：sticky
？
例如：

.banner{
位置：粘性；
顶部：20px；
}

这是在线演示：
横幅也应该自动隐藏？还是永久性地停留在顶部？@corschdi OP提到静态。@corschdi横幅不应该被粘贴在横幅也应该自动隐藏？或者永久性地停留在顶部？@corschdi OP提到静态。@corschdi横幅不应该被粘贴在顶部！谢谢你的回答。我将使用你的解决方案用于其他目的，但主要是我不希望粘贴此横幅。如何操作？@Avigo我更新了答案，使横幅不粘。嗨！谢谢回答。我将使用您的解决方案用于其他目的，但主要是我不希望粘贴此横幅。如何操作？@Avigo我更新了答案，使横幅不粘。