位置：使用overflow-x时固定导航标题重叠浏览器滚动条

Question

我正在开发一个网站，但我遇到了一个问题。

我正在创建一个可以达到90％的导航栏 - 这只是一个小问题。当用户滚动到一定距离时，导航栏会变得“卡住”。到页面，与用户滚动。当导航栏“卡住”时，它会与主浏览器栏重叠。

我不太清楚为什么会发生这种情况，但我相信它上面的div可能会导致这个问题。

忽略页面右侧的图标，第8窗口。

这是整个页面和样式表：https://gist.github.com/TaylerKing/7977e60099c3726938fb

请原谅我生锈的造型，没有做过一年或两年的纯网页设计;）

Answer 1

问题在于overflow-x:hidden的使用，以及position:fixed的导航栏。在这种不寻常的情况下使用position:fixed并不像您预期​​的那样得到支持。

另一种方法是使用position:relative，并根据情况让JavaScript更新top。

因此，在function navigation而不是添加和删除fixed时，您需要设置$('.navigation').css('top', window_top - div_top)。 （请记住，div.navigation必须先position:relative