Javascript 预加html使Google Chrome变得神经质

目前，我有一个网站，其中使用javascript将一个条（带有各种链接）预先添加到正文（实际上附加到源代码中，但它呈现在页面顶部，因此预先添加到结果中）。此Javascript通过init脚本（加载jquery等）动态加载。加载jquery后，将运行脚本以附加topbar

在大多数浏览器（Firefox、Internet Explorer、Safari）中，它只是立即使用工具栏进行渲染，但Google Chrome（可能是因为它在早期尝试渲染，使大多数页面的渲染速度更快）首先渲染页面，然后渲染工具栏，并导致页面每次渲染时跳转约40px

---

我觉得这整个跳跃非常丑陋和恼人，那么有人有办法解决这个问题吗？

为什么不使用CSS为酒吧预留空间呢？

看起来解决方案比我想象的要简单，我只需要把

放在

的顶部，在所有其他脚本和样式之前。

我已经在javascript中动态加载css。将Javascript添加到页面本身不是一个选项，因为该栏必须处理大量页面，一行脚本就足够了。您可以在正文前保留填充，并使用js加载的css删除它（我认为，该栏将在那时出现）。