javascript - 将scrollTop 中的整数更改为div

Question

我正在努力解决这个问题，但我很难做到这一点。因此，我的导航根据 scrollTop 函数从一种颜色更改为另一种颜色。然而我不喜欢这样，我希望导航在经过某个 div 后使用react。

            $(function() {
              $(window).on("scroll", function() {
                if ($(window).scrollTop() > 550) {
                  $("nav").addClass("active");

                } else {
                  //remove the background property so it comes transparent again (defined in your css)
                  $("nav").removeClass("active");
                }
              });

              new WOW().init();
            });

如何将 if ($(window).scrollTop() > 550) { (整数)从该值更改为 div？所以 div 是#video。

我基本上希望导航在滚动到达 div video 后改变颜色。

谢谢

Answer 1

好吧，不要将其与硬 550 进行比较，只需将其与您的 #video 的位置进行比较即可:

if ( $(window).scrollTop() > $('#video').position().top )