的iOS滾動卡住有時

Question

我碰到一個怪異的行爲排在iPhone上的Safari（iOS版9.2）

如果看到此頁http://jsbin.com/vofubidaxe在桌面上，也有熊貓的3張圖像，你可以滾動它

但如果你在iphone safari上看到它，有時（不是所有的時候）你都無法滾動它。滾動似乎（如果堅持是正確的詞來形容的行爲不知道）這裏http://jsbin.com/vofubidaxe/edit?html,css,output

編輯卡住要點https://gist.github.com/anonymous/938fc5f84222d8ed06cdcb7f6092da8d

的導航標籤具有position: fixed，如果被刪除，滾動恢復正常。

對不起，如果這是Safari瀏覽器中的已知錯誤。它如何被修復？

Answer 1

在元素上添加position:fixed將其從文檔DOM中移除 - 因此熊貓圖像不會在實際文檔上呈現。

它有時會「卡住」，因爲可能是您觸摸的文檔到達文檔 - 所以輕彈會強制文檔滾動而不是固定元素。

解決方法是刪除相關元素並給予固定的父元素高度 - 如果您想要它的全高，請嘗試添加top:0;right:0;bottom:0;left:0然後將其溢出。

但是，這將工作在iPhone上，但會導致其他設備的問題 - 安卓，Windows手機等，因爲糟糕的overflown元素的支持。