Javascript 滚动经过某个元素后，具有相同导航条的导航条变为固定

我目前有一个导航栏在我的标题，我想成为固定后，用户滚动过去的某个元素。我还想实现与在上看到的相同的动画效果

当我说“相同”时，我的意思是使用我在顶部使用的相同导航栏/标题元素，而不是在文档中的其他地方使用副本

我已经试着用我自己的代码来实现这个结果，如下所示。我还包括了我当前设置的一个JSFIDLE链接

jQuery

var bottomElement = $('.dividerWrap').offset().top + $('.dividerWrap').height();

$(window).on('scoll', function() {
  var stop = Math.round($(window).scrollTop());

  if (stop > bottomElement) {
    $('.header').addClass('isFixed');
  } else {
    $('.header').removeClass('isFixed');
  }

});

---

几天前我回答了类似的问题。请查看此代码：

   $(window).scroll(function () {
      var scrollTop = $(window).scrollTop();
       var scrollToVid = $('#test').offset().top
        console.log(scrollTop); //see window scroll distance //
        console.log(scrollToVid); //see scroll to div offest//

        if ($(window).scrollTop() >= scrollToVid) {
        alert('You reached to the video!');
        }
      });

现在，您必须更改某些代码：

   $(window).scroll(function () {
       var scrollToElem = $('.dividerWrap').offset().top

        if ($(window).scrollTop() >= scrollToElem) {
        $('.header').addClass('isFixed');
        } else {
        $('.header').removeClass('isFixed');
        }
      });

---

您的代码

$（窗口）中有一个输入错误。在（'scoll'，function（）上{

ScrollAH中缺少r是的，哇。真不敢相信我错过了。有时这是最糟糕的事情！太棒了！在更正了一个输入错误后，我在上面的示例中得到了它。问题：既然这是向元素添加一个类，我可以向正在添加的类添加转换以完成向下的条转换吗？是那个sim吗波尔？