pace.js“隐藏除PACE之外的所有内容，直到页面完全加载”本地副本 [英] pace.js "Hide everything but PACE until the page has fully loaded" local copy

问题描述

在安装 pace.js with eager.io 时，我可以隐藏所有内容，直到网页载入完毕。

I was able to hide everything but pace until the page had loaded when installing pace.js with eager.io.

但是，当使用bower安装插件和下载css主题时，我无法找出如何做到这一点。

However, when using bower to install the plugin and downloading the css theme, I was unable to figure out how to do this.

推荐答案

我通过添加这个css修正了这个问题。

I fixed this by adding this css

body > :not(.pace),body:before,body:after {
  -webkit-transition:opacity .4s ease-in-out;
  -moz-transition:opacity .4s ease-in-out;
  -o-transition:opacity .4s ease-in-out;
  -ms-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out
}

body:not(.pace-done) > :not(.pace),body:not(.pace-done):before,body:not(.pace-done):after {
  opacity:0
}

这篇关于pace.js“隐藏除PACE之外的所有内容，直到页面完全加载”本地副本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！