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

-webkit-overflow-scrolling breaks absolute positioning

本文关键字:定位 -webkit-overflow-scrolling      更新时间:2023-09-26

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

我的问题是这样的:

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

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

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

更新:经过大量挖掘,我在这里和这里找到了对这个问题的引用。但是,在这两种情况下,唯一建议的解决方案是重组 DOM,以便粘性元素不在可滚动区域中。就我而言,这是一件困难的事情,我宁愿不必这样做。自ios5以来,事情是否取得了进展,或者这仍然是唯一的选择?

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