尝试在加载javascript动画之前隐藏HTML页面（超级新版本）

Question

我知道你在想什么，不是这个，对吗？

这是我的网站：http://mydesignfeti.sh/

正如您将看到的浏览器加载正文和它的所有内容然后加载javascript动画。我想要的只是加载动画而不必事先看到内容加载。如果您缺乏想象力，只需刷新页面或单击左上角的徽标即可查看我希望如何加载页面。

我尝试使用javascript切换容器div的类显示，但显然我做错了。

连连呢？答案？笑？
提前谢谢。

Answer 1

我对Adobe Edge的工作方式并不是很熟悉，但基本的想法是你需要：

1. 使您的初始html / css与动画基本状态匹配。

2. 使用css display: none初始隐藏动画div，并在动画中添加第二个状态以显示所有元素（例如display: block），然后再将其滑回屏幕。

Answer 2

在html中设置容器div属性style="display: none;"，这将隐藏html元素，直到加载javascript动画。