滚动事件延迟/延迟

时间:2020-05-28 18:25:19

标签: jquery

使用滚动jQuery事件根据用户滚动位置应用切换类时遇到问题。不幸的是,这会在用户浏览器上引起“滞后”或脚本执行延迟的问题。

是否有更有效的方法来执行此操作,而不会导致延迟/延迟的任何问题?

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

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

1 个答案:

答案 0 :(得分:0)

试图在网页完全加载后运行脚本

 <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>