我正在建立一个页面,需要有一些元素坚持页面的顶部时,否则将滚动屏幕。我设法使用position:absolute
来做到这一点。一切都很完美,但它需要动力滚动。我在可滚动区域的css中添加了-webkit-overflow-scrolling: touch
。这打破了一切。我的粘性元素position:absolute
现在只是滚动其余的内容。-webkit溢出滚动打破绝对定位
我的问题是这样的:
为什么-webkit-overflow-scrolling: touch
影响绝对定位,是有办法解决?
更新:每当子元素变为“固定”或“不固定”时,我都会添加警报。警报继续激发,所以样式仍在应用,它只是不起作用。这意味着跟踪滚动位置不是问题,而是造型的问题。
更新:我尝试使用的position: absolute
和-webkit-overflow-scrolling
position: fixed
而是打破了太
UPDATE:大量的挖掘后,我发现引用到这个问题here和here。但是,在这两种情况下唯一提出的解决方案是重构DOM,以便粘性元素不在可滚动区域中。对我而言,这是一件困难的事情,我宁愿不必这样做。自ios5以来,有没有进展或仍然是唯一的选择?
这似乎仍然是一个问题在iOS 10 – joeyhoer 2017-05-13 15:24:33