Question

我现在正在建立一个网站，我已经使用预加载器来淡化和显示内容，但它似乎不能很好地工作，它不会褪色，只是继续滚动无限循环，如何我可以实现褪色吗？我的jquery版本是3.2.1 这是我用过的代码 -

＆＃13;

jQuery(document).ready(function($) {
  $(window).load(function() {
    $('#preloader').fadeOut('slow', function() {
      $(this).remove();
    });
  });

});

＆＃13;

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
}

＆＃13;

<body>
  <div id="preloader"></div>
  <p>
    This is the page
  </p>
</body>

＆＃13;

Answer 1

你的代码还可以。只需在代码中添加<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

即可

jQuery(document).ready(function($) {
  $(window).load(function() {
    $('#preloader').fadeOut(5000, function() {
      $(this).remove();
    });
  });

});

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
  <div id="preloader"></div>
  <p>
    This is the page
  </p>
</body>

我的预加载器没有褪色，并且在无限循环中继续滚动

1 个答案: