Jquery 如何防止窗口滚动时页眉停止跳转

我有一个固定的页眉，这让我在谷歌上搜索了4个小时后头疼不已，一旦页面开始加载，页眉会从右向左轻微跳跃。如何防止这种情况，并有固定的链接点击标题。这是我的css：

<div id="main-header" style="border: none; width: 100%; margin: auto; top: 0; z-index: 100; background-color: #9A430B;"> 
  the links are here...  
  </div>

链接在这里。。。

提前谢谢

这是保持它在顶部的脚本

 <script>
 $(document).ready(function() {

var div = $('#main-header');
var start = $(div).offset().top;

$.event.add(window, "scroll", function() {
    var p = $(window).scrollTop();
    $(div).css('position',((p)>start) ? 'fixed' : 'static');
    $(div).css('top',((p)>start) ? '0px' : '');
  });

});
 </script>

$（文档）.ready（函数（）{
var div=$（“#主标题”）；
var start=$（div）.offset（）.top；
$.event.add（窗口，“滚动”，函数（）{
var p=$（window.scrollTop（）；
$（div）.css（'position'，（（p）>start）？'fixed'：'static'）；
$（div）.css（'top'，（（p）>start）？'0px'：''；
});
});

但是在点击时，在页面加载时，链接会从右到左轻微跳跃

尝试更改此css样式。我已经给出了

position:fixed

，如果您希望您的标题保持在固定位置，即使用户滚动页面

你的头球可能会因为层数而跳跃。i、 e.标题必须位于html结构的顶部，因为它们出现在中。我不知道你是否想要任何固定标题。但如果您不希望它被固定，那么您不需要指定任何位置，只需给出

width:100%;
z-index:5; //just a higher value than 1

---

注意：除非必要，否则不要设置

浮动

或

位置：绝对

。另外，您不需要JavaScript来设置标题样式，它可以轻松地使用CSS进行维护，而不需要任何复杂性。希望我能清楚地回答这个问题。

jQuery从何而来？我不确定，这种轻微的变化是通过垂直滚动实现的。如果我是正确的，那么更改宽度。它可能正在“准备”出现一个可能的垂直滚动。您有显示这种情况的链接吗？另外，你说的是“固定”标题，但我看不到任何

位置：fixed

，。。。它正在准备滚动，开始加载时停止。我见过一些网站的标题像胶水一样固定，在页面加载时不会跳转，。。。