Question

我有一个用skrollr制作的页面，一个jquery插件可以动画滚动内容。当我加载页面时，我看到所有我的动画元素散落在页面周围，只需一瞬间它们就会回到原位。

我认为这很丑陋，这就是为什么我决定实施一个虚假的预加载器，它以这种方式工作：

setTimeout(function() {
    $('body').addClass('loaded');
}, 2500);

它是假的，因为动画元素是纯粹的CSS，它不是关于图像预加载。我只需要大约2秒的假装预装东西出现在其他一切之前。这是首先加载的问题，我无法弄清楚如何在其他所有内容之前加载预加载器div，css和javascript。

我的页面布局就像这样

在<head>我有css文件，body首先我有preloader html，而</body>我有这些脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/build/production.min.js"></script>

在production.min.js内我有我的预加载器功能，然后是其他使插件工作的javascripts。

我甚至尝试将jquery移动到顶部，然后在内联脚本中使用预加载器函数，但它没有工作。页面加载杂乱一秒钟，然后它就会到位。

我在做错了什么？谢谢！