kat*_*kat 6 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打破了太
更新:经过大量挖掘,我在这里和这里找到了对这个问题的引用.但是,两种情况下唯一提出的解决方案是重构DOM,以便粘性元素不在可滚动区域中.在我的情况下,这是一件很难的事情,我宁愿不必这样做.自ios5以来有没有进展或者仍然是唯一的选择?
小智 0
关于最后一个问题 - 是的,这个问题存在于 ios5 中。在可滚动区域之外提取绝对定位元素对我来说效果很好。