滚动事件延迟/延迟

Question

我在使用scroll jQuery事件根据用户的滚动位置应用切换类时遇到了问题。不幸的是，它在用户浏览器上造成了问题，因为它“滞后”或脚本执行有很大的延迟。

有没有一种更有效的方法来做到这一点，而不会导致任何延迟/延迟的问题？

<script>
  $(window).scroll(function() {
      var scroll = $(window).scrollTop();

      if (scroll >= 40) {
          $(".main-navigation").addClass("glazeNav");
      } else {
          $(".main-navigation").removeClass("glazeNav");
      }
  });
</script>

Answer 1

尝试在网页完全加载时运行脚本

 <script>
 $(document).ready(function ()
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll >= 40) {
       $(".main-navigation").addClass("glazeNav");
    } else {
       $(".main-navigation").removeClass("glazeNav");
    }`enter code here`
   })
  });
</script>