javascript - Y 位置 javascript 上的 "Picking up" header

Question

我想根据 Y 在 Fixed 和 Relative 之间切换我的 Navbar 的 position 样式属性滚动位置。

这是一个例子: http://www.granapstudio.com/

这是我的 JavaScript。我试过换课

$(function() { 
  var header = $(".clearHeader"); 
  $(window).scroll(function() { 
    var scroll = $(window).scrollTop(); 
    if (scroll >= 800) { 
      header.removeClass('clearHeader').addClass("darkHeader"); 
    } 
    else { 
      header.removeClass("darkHeader").addClass('clearHeader'); 
    } 
  }); 
});

问题:当我放大或缩小时，此解决方案不起作用。

Answer 1

提供的示例页面似乎使用了jquery插件

https://github.com/garand/sticky