页面加载时出现粘性文件头崩溃

我有一个很难重现但很麻烦的奇怪的bug。我有一个粘滞的导航栏标题，它跟着页面的滚动以保持在顶部。一般来说，它可以正常工作，但是...如果我处于页面底部，那么刷新页面并在刷新时按下底部箭头，页眉“认为”页面顶部是顶部当我在底部时，可见的空间。结果，导航栏停留在页面中间。页面加载时出现粘性文件头崩溃

下面是代码：

<header class="sticky" id="top-header">....</header> 

#top-header { 
    background: linear-gradient(to right, #be2e26 30%, #be2e26 20%, rgba(22, 22, 22, 0) 50%, rgba(22, 22, 22, 0) 50%) repeat scroll 0 0%, linear-gradient(to left, #be2e26 30%, #be2e26 20%, rgba(22, 22, 22, 0) 50%, rgba(22, 22, 22, 0) 50%) repeat scroll 0 0 rgba(0, 0, 0, 0); 
    height: 50px; 
    left: 0; 
    transition: all 0.3s ease 0s; 
    width: 100%; 
    z-index: 99999; 
} 

#top-header.sticky { 
    bottom: auto; 
    position: fixed; 
    top: 0; 
}

来源

2015-04-19 Tasos

在哪个浏览器？ –

在Chrome和Mozilla中测试。最新版本都在。 – Tasos

您是否尝试删除“过渡”，以查看它是否相同？我在页面中有三个固定的酒吧，没有麻烦。 –

很抱歉，但我没有代表对此发表评论。

最近有一个类似的问题报告了引导程序设置（请参阅：Bootstrap page opening vertically halfway down）。 OP被描述为打开一半，但当我看着它时，其行为与您的描述类似。 OP自己发布了一个答案，称这是由于在页面上使用了两次“jumbotron”类造成的。

这是否适用于您？

如果没有，那么这听起来像一个JS问题。

来源

2015-04-19 07:56:11 TBB

我甚至不在页面中使用此类。但是，谢谢。 – Tasos

页面加载时出现粘性文件头崩溃

回答

相关问题