如何解决加载页面后预加载器不会淡出
我添加了一个预加载器,加载页面后它不会淡出! 我的网站在 wordpress 上运行。 我不知道有什么问题;问题 谢谢你的帮助
HTML:
<div class="loader-wrapper">
<div class="loader">
<div class="loader__bar"></div>
<div class="loader__bar"></div>
<div class="loader__bar"></div>
<div class="loader__bar"></div>
<div class="loader__bar"></div>
<div class="loader__ball"></div>
</div>
</div>
CSS:
.loader-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(240,245,245);
z-index: 999999;
}
.loader {
position: absolute;
top: 48%;
left: 48%;
width: 75px;
height: 100px;
}
JQuery:
<script>
$(document).ready(function() {
//Preloader
preloaderFadeOutTime = 500;
function hidePreloader() {
var preloader = $('.loader-wrapper');
preloader.fadeOut(preloaderFadeOutTime);
}
hidePreloader();
});
</script>
解决方法
我不确定,但我认为这可以帮助您。
$(window).on("load",function () {
document.getElementByClassName("loader-wrapper").style.visibility = "hidden";
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。