jquery - 不能将异步延迟与 Jquery 脚本一起使用

Question

我正在尝试将此脚本与异步延迟一起使用，但它会影响功能。我不确定我做错了什么？如果您需要查看网站，请参阅以下信息：环聊

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
    $(window).bind("load", function() {
      $(window).scroll(function () {
          if ($(this).scrollTop() > 600) {
              $('.scrollup').fadeIn();
          } else {
              $('.scrollup').fadeOut();
          }
      });
      $('.scrollup').click(function () {
          $("html, body").animate({
              scrollTop: 0
          }, 600);
          return false;
      });
      });
        </script>

Answer 1

随着defer您的脚本按指定的顺序加载，但不是在文档本身加载之前（包括内联代码）。

您可以执行以下两项操作之一：

1. 使用时将内联代码移动到外部文件defer
2. 将内联代码包装在DOMContentLoaded事件回调中

回调看起来像：

window.addEventListener('DOMContentLoaded', function() {
  $(window).scroll(function () {
    $('.scrollup')[$(window).scrollTop() > 600 ? 'fadeIn' : 'fadeOut']();
  });
  $('.scrollup').click(function () {
    $("html, body").animate({scrollTop: 0}, 600);
    return false;
  });
});