加载页面时停止显示div

Question

加载此页面时：http://fluentfutures.org/index.php 在整个页面加载之前，名为#about的动画可折叠div显示很短的时间。 有什么方法可以阻止这种情况发生吗？ 感谢

Answer 1

它是如何动画的？如果您正在使用javascript和jquery，请将其放入：

 $(document).ready(function() {});

如果是css，可能将display设置为none？

 #about {
     display: none;
 }

无法确定加载页面时的问题是什么。

编辑： 在查看源代码之后，在DOM完成加载之前，您没有将显示设置为无。

设置 display : none; 在main.css文件中的#about内部

EDIT2： jsfiddle

Answer 2

您可以在页面加载后使用jquery加载该div，因此之前不会显示。您可以参考以下问题：Show div after 2 seconds of page load