加载和滚动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) {

你应该没事。