如何防止页头停止跳跃窗口滚动

我有一个固定的标题，这让我很头痛，过去4个小时在这里搜索google，一旦页面开始加载，从右到左略有跳转。如何防止这种情况，并在链接点击时具有固定标题。这里是我的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>

但链接略微从右到左的跳点击，在页面加载，...

来源

2013-11-26 Xach Kaa

jQuery从哪里进来？ – George

我不确定，垂直滚动会发生那种轻微的变化。如果我是正确的，那么改变宽度。 –

它可能正在“准备”可能出现的垂直滚动。 – SaturnsEye

试试这个Demo css样式的变化。如果您希望头部保持固定位置，即使用户滚动页面，我也会给出position:fixed。

由于图层的原因，您的标题可能会跳跃。即您的标题必须位于您的html结构的顶部，因为它们显示在其中。我不知道你是否想要任何固定的头文件。但是，如果你不希望它是固定的，那么你就不需要指定任何位置，只要给

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

注：没有设置floating或position:absolute，除非它是必要的。加上你不需要JavaScript来为你的头部设置样式，它可以很容易地用CSS保持而不会有任何复杂性。希望我对这个回应很清楚。

来源

2013-11-26 09:17:57 Rohit416

如何防止页头停止跳跃窗口滚动

回答

相关问题