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

时间:2014-12-05 16:45:13

标签: javascript css scroll absolute mobile-webkit

我正在构建一个页面,当它们以其他方式滚动离开屏幕时,需要有一些粘贴在页面顶部的元素。我设法使用position:absolute执行此操作。一切都很完美,但它需要动力滚动。我将-webkit-overflow-scrolling: touch添加到可滚动区域的CSS中。这打破了一切。我的position:absolute粘性元素现在只是滚动其余的内容。

我的问题是:

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

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

更新:我尝试使用position: fixed代替position: absolute-webkit-overflow-scrolling也打破了

更新:经过大量挖掘后,我发现了对此问题herehere的引用。但是,两种情况下唯一提出的解决方案是重构DOM,以便粘性元素不在可滚动区域中。在我的情况下,这是一件很难的事情,我宁愿不必这样做。自ios5以来有没有进展或者仍然是唯一的选择?

0 个答案:

没有答案