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

【问题标题】：Trying to hide HTML page before javascript animation loads(super newb edition)尝试在加载 javascript 动画之前隐藏 HTML 页面（超级新手版）
【发布时间】：2012-04-28 05:36:39
【问题描述】：

我知道你在想什么，不会再这样了吧？

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

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

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

建议？答案？笑吗？
提前致谢。

【问题讨论】：

也许您可以包含您正在使用的“做错了”的代码，我们可以告诉您如何修复它。

标签： javascript animation load flicker

【解决方案1】：

我不太熟悉 Adobe Edge 的工作原理，但基本的想法是您需要：

使您的初始 html/css 与动画基本状态相匹配。
使用 css display: none 最初隐藏动画 div，并在动画中添加第二个状态以显示所有元素（例如 display: block），然后再将它们滑回屏幕。

【讨论】：

【解决方案2】：

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

【讨论】：

试过了，但它只是隐藏了。