Question

我正在做一个单页网站，因为图片和动画很重而变得非常笨重，所以我决定添加一个预加载器。

我发现最简单的事情是添加一个GIF预加载器。 gif在开始时显示确定，但根本没有停止并继续永远。

这是HTML：

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <div class="loader"></div>

CSS：

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/716.gif') 50% 50% no-repeat rgb(249,249,249);
}

在index.html中的标签上方是：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">
$(window).load(function() {
    $(".loader").fadeOut("slow");
})
</script>
</head>

有什么想法吗？

Answer 1

页面可能未完全加载。也许你的页面上有404某个地方？

永远不要停止gif prealoder

1 个答案: