2010-02-18 74 views
0

目前,我有一个网站,其中一个栏(带有各种链接)预先添加到主体(实际上附加到源,但它被呈现在页面的顶部,因此预设为结果)使用javascript。这个Javascript动态加载通过初始化脚本(加载jquery等)。一旦jquery被加载,脚本就会运行以追加顶部条。在大多数浏览器(Firefox,Internet Explorer,Safari)中,它只是立即渲染条形图,但谷歌浏览器(可能是因为它尝试尽早渲染,使其在大多数页面上更快)首先渲染页面,然后渲染栏,并使页面每次渲染时都跳到〜40px。预先登录html会让谷歌浏览器跳动

我觉得这整个跳跃相当丑陋和烦人,所以有没有人有解决这个问题的想法?

回答

0

看来解决方案比我想象的更简单,我只需要在所有其他脚本和样式之前将<script>置于<head>的顶部。

0

为什么不使用CSS为bar预留空间?

+0

我已经动态加载JavaScript中的CSS。将javacript添加到页面本身不是一种选择,因为该栏必须适用于大量页面,并且单个脚本行应该足够。 – user163365 2010-02-18 12:43:57

+0

你可以在body之前留下填充,然后用js加载的css将其删除(我认为bar会在那里)。 – 2010-02-19 10:01:44