2014-12-05 71 views
5

我正在建立一个页面,需要有一些元素坚持页面的顶部时,否则将滚动屏幕。我设法使用position:absolute来做到这一点。一切都很完美,但它需要动力滚动。我在可滚动区域的css中添加了-webkit-overflow-scrolling: touch。这打破了一切。我的粘性元素position:absolute现在只是滚动其余的内容。-webkit溢出滚动打破绝对定位

我的问题是这样的:

为什么-webkit-overflow-scrolling: touch影响绝对定位,是有办法解决?

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

更新:我尝试使用的position: absolute-webkit-overflow-scrollingposition: fixed而是打破了太

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

+1

这似乎仍然是一个问题在iOS 10 – joeyhoer 2017-05-13 15:24:33

回答

0

在最后一个问题 - 是的问题出现在ios5。提取可滚动区域外的绝对定位元素对我来说工作得很好。

+2

谢谢@ user3222482,但正如我上面提到的,这不是我的选择,所以不解决我的问题:( – kat 2015-02-04 18:37:00