固定的导航栏滚动

Question

我正在尝试使用以下内容：

<script>
  var stickyOffset = $('.header').offset().top;

  $(window).scroll(function(){
    var sticky = $('.header'),
        scroll = $(window).scrollTop();
    if (scroll >= stickyOffset) sticky.addClass('fixed');
    else sticky.removeClass('fixed');
  });      
</script>   

但是，“固定”类的应用时间过早，而且确实很突然。有没有更好的办法做到这一点，即当偏移量的顶部为零而不是滚动> =

时应用该类

基本上，此代码无法正常工作，可以在此处查看有问题的示例。如果滚动，您会发现菜单跳得太早了：

https://biturl.top/y2uM7j

Answer 1

提供的链接似乎是错误的。

[如果我理解正确，并且以后需要应用“固定”类，则可以使用类似方法来计算stickyOffset

   $('.header').outerHeight()*1.5;