在安装 pace.js with eager.io 时,我能够隐藏除 pace 之外的所有内容,直到页面加载完毕.
但是,在使用bower安装插件和下载css主题时,我无法弄清楚如何做到这一点。
最佳答案
我通过添加这个 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
}
关于css - pace.js "Hide everything but PACE until the page has fully loaded"本地副本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28599741/