位置：使用overflow-x时，固定的导航标题与浏览器滚动条重叠
Kondax设计
我正在开发网站，但遇到了问题。
我正在创建一个可导航90％的导航栏-只是一个小问题。当用户滚动到特定距离时，导航栏将“卡住”到页面，并随着用户滚动。当导航栏“卡住”时，它与主浏览器栏重叠。
我不太确定为什么会发生这种情况，但是我认为它上面的div可能是造成此问题的原因。
忽略页面右侧的图标，即Windows 8。
这是整个页面和样式表：https : //gist.github.com/TaylerKing/7977e60099c3726938fb
请为我生锈的样式感到抱歉，一两年没做过纯粹的网页设计；）
700软件
问题是overflow-x:hidden结合使用的导航栏position:fixed。position:fixed在像这样的异常情况下使用的效果不如您预期的那样好。
一种替代方法是使用position:relative，并根据需要更新JavaScript top。
因此，您可以设置function navigation而不是添加和删除。（请记住，必须是第一个）fixed$('.navigation').css('top', window_top - div_top)div.navigationposition:relative
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
移动浏览器位置：滚动时固定的z索引故障
- 2
CSS：如何获取浏览器滚动条的宽度？（对于：hover {overflow：auto}不错的利润）
- 3
Overflow-x滚动，但隐藏滚动条
- 4
jQuery位置DIV固定在滚动条的顶部
- 5
使用overflow-x时，是否可以在表格和滚动条之间放置空格？
- 6
使用Headroom JS隐藏滚动条上的导航栏并在需要时显示
- 7
向下滚动网站时，如何使固定位置的对象从浏览器窗口的顶部移动到底部？
- 8
如何使固定的div覆盖浏览器的滚动条？
- 9
使用默认的Android浏览器时强制水平滚动条
- 10
Bootstrap固定顶部导航栏与垂直滚动条重叠
- 11
jQuery位置DIV固定在滚动条上
- 12
ReactJS：使用浏览器按钮导航时保存状态
- 13
设置overflow-x：scroll并隐藏水平滚动条
- 14
在滚动到滚动条时滚动条放错了位置
- 15
Safari“位置：固定”在滚动条上重叠
- 16
在滚动条上隐藏导航栏不会在向上滚动后将导航条固定在适当的位置
- 17
为什么使用overflow-x = scroll在我的div上忽略滚动条？
- 18
如何获得位置：固定；滚动条的行为
- 19
Overflow-x滚动，但隐藏滚动条
- 20
jQuery位置DIV固定在滚动条的顶部
- 21
使用Headroom JS隐藏滚动条上的导航栏，并在需要时显示
- 22
滚动X量时将导航更改为“位置：固定”
- 23
Bootstrap固定顶部导航栏与垂直滚动条重叠
- 24
Bootsrap Modal不使用默认浏览器页面滚动条滚动
- 25
在滚动到滚动条时滚动条放错了位置
- 26
使用AM图表的滚动条位置
- 27
使用固定导航栏在不同浏览器中表现不同的情况下滚动到顶部
- 28
使用一个滚动条的 CSS 固定列表标题
- 29
响应式表格滚动条与固定标题重叠
我来说两句