Question

我有一个固定的标题，这让我在这里用谷歌搜索了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>

但点击次数，页面加载时链接从右向左略微跳跃......

Answer 1

尝试使用此Demo css样式进行更改。如果您希望标题保持在固定位置，即使用户滚动页面，我也会给position:fixed。

由于图层，您的标题可能会跳转。即你的标题必须位于html结构的顶部，因为它们出现在。我不知道你是否想要任何固定的标题。但如果您不想修复它，那么您不需要指定任何位置，只需给出

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

注意：除非有必要，否则不要设置floating或position:absolute。此外，您不需要JavaScript来为标题设置样式，可以使用CSS轻松维护它而不会有任何复杂性。希望我对此回应很清楚。

如何防止页面标题停止跳转窗口滚动

1 个答案: