＆＃34;拾起＆＃34; Y位置javascript的标题

Question

我希望切换我的Navbar的固定和相对之间的position样式属性基于 Y滚动位置。

以下是一个例子： 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

Answer 2

而不是测试scroll >= 800
使用scroll >= header.offset().top 这样你就得到了给定元素的最高位置。