加载和滚动 javascript 代码在网页上不能一起使用

Question

我用一些 JavaScript 代码构建了一个 HTML 网页，以获得流畅的用户体验。但是，如果我将加载 JavaScript 函数添加到我的网页，滚动 JavaScript 函数将不再起作用。

加载脚本就在 body 标签的下方。我已经尝试将滚动脚本放置在 head 标签和 body 标签中，但似乎在存在滚动脚本的任何地方都不起作用。

滚动脚本：

<script type="text/javascript">
    $(document).ready(function(){
          $("a").on('click', function(event) {
            if (this.hash !== "") {
              event.preventDefault();
              var hash = this.hash;
              $('html, body').animate({
                scrollTop: $(hash).offset().top
              }, 600, function(){
                window.location.hash = hash;
              });
            } 
          });
        });
</script>

加载脚本：

<div class="se-pre-con"></div>
<script type="text/javascript">
    $(window).load(function() {
    $(".se-pre-con").fadeOut("slow");;
    });
</script>

Answer 1

你可能从 jQuery 2.x 升级到 3.x

改变

$(window).load(function() {

到

$(window).on("load", function (e) {

你应该没事的。