我正在建立一個頁面,需要有一些元素堅持頁面的頂部時,否則將滾動屏幕。我設法使用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