Question

我想知道如何影响我身体中的哪些元素首先加载。对于我的问题：我有一个类似窗帘（<div>与background-image）在我的网站上叠加的内容，如果页面已加载，则会向该窗帘发出一个函数.animate()。之后，您会看到包含所有元素的页面（很多）。

当我进入我的网站时，我看到窗帘背后的一些元素，因为它们比我的div的背景图像更快地加载。

我的标记是这样的：

<body>
   <div id="curtain"></div>
   <!-- after that all other elements -->
</body>

正如你所看到的，我已将幕帘div作为身体的第一个元素，但它不起作用。

我如何保证首先加载#curtain，然后保证所有其他元素，我以前不会看到它们。

由于

Answer 1

首先，你应该用父容器包装所有其他元素，默认情况下用javascript隐藏它们。确保你使用javascript进行操作，因为如果有人没有激活javascript，你会用css来做，他们可能什么也看不见。

然后你可以再次使用javascript，在幕布离开屏幕或更安全的方式check if the image is loaded时设置超时，然后激活你的动画功能。