javascript - 当粘性标题的位置更改为固定时无法滚动到页面底部

Question

我有一个与顶部有一定距离的菜单页面。如果菜单到达顶部滚动窗口时，我将标题位置更改为固定

.f-nav{ z-index: 999; 
        position: fixed; 
        top: 0;
        width: 100%;}

$(document).ready(function(){
  var top = $('.sticky').offset().top;
  $(window).scroll(function () {
    if ($(this).scrollTop() >= top) {
      $('.sticky').addClass("f-nav");
    } else {
      $('.sticky').removeClass("f-nav");
    }
});

但是在某些页面中，当我们向下滚动并且菜单到达顶部时，页面会再次自动向上滚动一点。所以我无法进入页面底部。我根本不明白这个问题。