javascript - -webkit-overflow-scrolling 打破了绝对定位

Question

我正在构建一个页面，该页面需要一些元素在页面顶部滚动，否则它们会滚动到屏幕之外。我设法使用 position:absolute 做到了这一点。一切都运行良好，但它需要动量滚动。我将 -webkit-overflow-scrolling: touch 添加到可滚动区域的 css 中。这打破了一切。我的带有 position:absolute 的粘性元素现在只是与其余内容一起滚动。

我的问题是:

为什么 -webkit-overflow-scrolling: touch 会影响绝对定位，有没有办法解决这个问题？

更新:每当子元素变为“固定”或“未固定”时，我都会添加一个警报。警报继续触发，因此样式仍在应用，只是不起作用。这意味着跟踪滚动位置不是问题，而是样式问题。

更新:我尝试使用 position: fixed 而不是 position: absolute 和 -webkit-overflow-scrolling 也破坏了它

更新:经过大量挖掘，我发现了对这个问题的引用 here和 here .然而，在这两种情况下，唯一提出的解决方案是重构 DOM，使粘性元素不在可滚动区域中。就我而言，这是一件很难做到的事情，我宁愿不必这样做。自 ios5 以来事情有进展吗？还是那仍然是唯一的选择？

Answer 1

关于最后一个问题 - 是的，这个问题存在于 ios5 中。提取可滚动区域外的绝对定位元素对我来说效果很好。