我正在构建一个页面,当它们以其他方式滚动离开屏幕时,需要有一些粘贴在页面顶部的元素。我设法使用position:absolute
执行此操作。一切都很完美,但它需要动力滚动。我将-webkit-overflow-scrolling: touch
添加到可滚动区域的CSS中。这打破了一切。我的position:absolute
粘性元素现在只是滚动其余的内容。
我的问题是:
为什么-webkit-overflow-scrolling: touch
影响绝对定位,有没有办法解决这个问题?
更新:每当子元素变为“固定”或“不固定”时,我都会添加警报。警报继续触发,因此样式仍在应用,它只是不起作用。这意味着跟踪滚动位置不是问题,而是样式问题。
更新:我尝试使用position: fixed
代替position: absolute
而-webkit-overflow-scrolling
也打破了
更新:经过大量挖掘后,我发现了对此问题here和here的引用。但是,两种情况下唯一提出的解决方案是重构DOM,以便粘性元素不在可滚动区域中。在我的情况下,这是一件很难的事情,我宁愿不必这样做。自ios5以来有没有进展或者仍然是唯一的选择?