Javascript 1-2秒延迟页面加载,奇怪的样式

时间:2015-07-29 16:59:18

标签: javascript jquery css wordpress skrollr

我使用Skrollr制作动画片。滚动页面时创建parralax效果,但有一个短暂的滞后,我猜是Skrollr javascript / jQuery初始化。

关于如何避免在开始时弄乱的任何想法?

有问题的WP网站就是这个:http://hustynminepark.com

谢谢!

2 个答案:

答案 0 :(得分:0)

除非我弄错了,否则页面的布局完全取决于插件的激活。您可以通过微调CSS来解决此问题,以便初始页面与激活插件后的内容完全一致。
另外,在将javascript文件加载到浏览器之前,不要忘记缩小(连接/ uglify)javascript文件;这将加快页面的加载和插件的激活 顺便说一句,该网站看起来很酷。

答案 1 :(得分:0)

如果我是正确的,您有FOUC,可以使用jQuery to detect when your DOM in ready,然后拨打init

  

首先,您要将skrollr.min.js文件包含在文档底部(在结束之前),然后调用skrollr.init()。或者您可以将其放在if中,但是一旦加载了文档(例如jQuery的ready事件甚至window.onload),请确保调用init()。