Javascript 粘贴页眉时无法滚动到页面底部'；s的位置改为固定

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

.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");
    }
});

---

但在某些页面中，当我们向下滚动菜单到达顶部时，页面会自动再次向上滚动一点。因此，我无法进入页面底部。我完全不理解这个问题。

您能否提供一个示例网站来更好地帮助您解决这个问题？css用于什么。sticky？sticky是标题的类