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

Question

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

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

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

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

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

Answer 1

我对 Adob​​e Edge 的工作原理不是很熟悉，但基本的想法是您需要：

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

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

Answer 2

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