Question

我有一个奇怪的错误很难重现，但真的很烦人。我有一个粘性导航栏标题，跟随页面的滚动保持在顶部。一般来说它工作正常，但是...如果我在页面的底部，然后刷新页面并在刷新时按下底部箭头，标题＆＃34;认为＆＃34;当我在底部时，页面顶部是可见空间的顶部。因此，导航栏会保留在页面中间。

以下是代码：

<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;
}

Answer 1

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

最近报道了一个类似的问题，用于引导设置（参见：Bootstrap page opening vertically halfway down）。 OP描述为半开放，但当我看到它时，行为与你的描述类似。 OP self发布了一个答案，说这是由于“jumbotron”类在页面上被使用了两次。

这适用于你吗？

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

页面加载时粘滞的页眉崩溃

1 个答案: