仅在第一页上使用 pace.js(初始站点加载）

Only use pace.js on first page (initial site load)

本文关键字：站点 加载 js pace 第一页      更新时间：2023-09-26

使用插件速度.js（http://github.hubspot.com/pace/），我只想使用它来预加载网站的第一页。一直在查看选项，但似乎没有内置的方法可以做到这一点，而只是切换 pushstate 和 ajax 预加载。

此外，由于某种原因，预加载器栏在预加载页面时结束了大约其宽度的 50%。这可能与本地运行的网站有关，尽管我使用了多个外部元素和图像。还有其他人经历过这种情况吗？

这是我

的做法。 你可以输入你是如何实现的。

<script> $(window).load(function(e){ $('div.loading-page').fadeOut('slow'); }); </script>
<div class="loading-page"></div>

.css：

.loading-page{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:white;
    z-index:1999; /* as pace has 2000 */
}

如果出于某种原因您想使用 pace.js 执行此操作，您可以利用类并在页面完全加载后向 body 元素添加一个类。

$(window).load(function() {
    setTimeout(function() {
        $('body').addClass('loaded');
    }, 1000);
});

然后，如果CSS内部body.loaded，您可以隐藏其速度 

body.loaded .pace {
  display: none;
}

当然，如果您只想显示一次，那么使用 pace 并没有真正的意义，但是使用这种技术，您可以轻松地为初始 VS 使用不同的样式和/或动画。 二次加载

相关文章：