2014-12-05 69 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