ios - 修复了隐藏在 Safari 上的定位 div

Question

继上一个问题 - Overflow issue in a fixed position sidebar - 我有一个链接列表，在 li:hover

上显示了一个固定的 div

http://codepen.io/anon/pen/RNxyVP

这适用于所有 Windows 浏览器 - Chrome、Firefox、Explorer、Opera 和旧版 Windows Safari。然而，在最新版本的 Safari(在 Mac 上)和 iOS 上的扩展中，固定 div 显示保留在祖父固定 div 中，并且不会 float 在页面的其余部分。这也发生在 android chrome 上。

有没有办法让固定的 div float 在页面上，而不是局限于包装器 - 在这些浏览器上？

包装器 div 可滚动(目前通过 overflow-x: hidden;)等其他因素也必须保留/

Answer 1

因为你在 Mac 的 webkit 浏览器中设置了你的 sidebar-wrapper 'position:fixed'，如果一个 fixed 元素有一个 fixed overflow:hidden parent，这个元素将被隐藏。