推迟执行html页脚直到加载Javascript

时间:2014-06-25 10:14:10

标签: javascript html wordpress

我正在为客户调整Wordpress主题。

在主题中,有一个使用javascript加载的投资组合功能。不幸的是,javascript的执行速度相当慢,因此结果是页脚在被推到底部之前在屏幕中间闪烁。这非常难看 - 你可以在这里看到它:http://bit.ly/1nCH0Br

有没有办法推迟页脚的执行,直到javascript完成执行(或任何更好的解决这个令人不快的问题的方法?)

2 个答案:

答案 0 :(得分:1)

您可以使页脚组成部分,以便在组合加载之前不会加载,但这仍然会让您在访问的前几秒看到页面看起来空白的问题。

更好的解决方案是调整主题,使其包含一个具有固定高度的div,用于显示加载图像和一些文本,如“正在加载...”。您可以调整旋转木马来替换此div。这样,您可以将页脚向下推到页面底部,并向用户提供一些反馈,即在后台加载更多内容。

答案 1 :(得分:1)

使用css初始化您的页脚:

position: absolute;
left: -10000px;
opacity: 0;

并在页面加载时设置正确的值。您可以使用2个类来完成此操作,一个用于预加载,另一个用于加载后。

不仅仅用css隐藏页脚的原因是你的js仍可以使用宽度和高度值