Question

我正在开发一个与我正在开发的网站有很多问题。甚至下载以减缓页面加载等。但我遇到的最大问题是固定位置元素的行为。

首先，导航器应该始终保持固定，但它确实没有。但是，如果在滚动时重新加载，它会出现在页面中间。很奇怪。

其次，背景应该保持固定，但事实并非如此。

导航代码

<div class="navwrapper">
    <nav id="top">
        <div class="wrapper">
            <ul>
                <li><a href="#project" class="scroll">The Project</a></li>
                <li><a href="#makers" class="scroll">The Makers</a></li>
                <li><a href="#markets" class="scroll">The Markets</a></li>
                <li><a href="#workshops" class="scroll">The Workshops</a></li>
                <li><a href="#shop" class="scroll">The Shop</a></li>
                <li><a href="#getinvolved" class="scroll">Get involved</a></li>
            </ul>
    </div></nav>
    <span class="navshadow"></span>
</div>

CSS

.navwrapper{position:fixed;width: 100%;top: 0;}

Answer 1

Chrome中存在错误，位置已修复且已转换：

https://code.google.com/p/chromium/issues/detail?id=20574

因此，您必须从.label删除转换。

另见：

Position Fixed Not Working for Header

位置：固定导航不保持固定

1 个答案: