webkit 故障 - 当 body 设置了左值时位置固定 - 行为不同

Question

我相信当在一个项目（比如导航栏）上设置position:fixed 并且body 有position:relative; left:150px; 时，固定的项目不知道它应该做什么。

据我了解，position:fixed 是基于窗口固定的。如果这是真的，那么带有left 的正文不应影响粘性菜单的位置。

一个按钮触发body的按下，一个菜单从左边出来。关闭时，主体会滑回原位。

在 Firefox 中，这可以完美运行，因为我已经编写了代码。

在 Chrome 中，导航栏按预期向右移动，粘性菜单随之移动，但当您关闭推送菜单时，固定导航栏仍保持原位。有时将鼠标悬停在它上面可以修复它，调整窗口大小总是可以修复它。我尝试在代码中添加一个类，迫使它向左移动。总的来说，有点工作。

在 Safari 中，当您在推送菜单打开的情况下滚动时，导航栏会跳回左侧墙壁，并且不会按预期运行。

这是一个 JSFiddle 演示该问题。

有没有办法在不影响固定元素的情况下推送页面？

解决此问题需要什么？

谢谢。

Answer 1

嘿，

改变：

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

到：

.cbp-spmenu-push {
    overflow-x: hidden;
    position: absolute;
    left: 0;
}