Webkit溢出滾動導致div不顯示？

我有我的網站的內容在絕對定位div填充整個屏幕。滾動這個div通常是笨重的，因爲它不是滾動的本地動量。解？將-webkit-overflow-scrolling: touch;附加到div。Webkit溢出滾動導致div不顯示？

動量滾動現在可以使用，但是當我向下滾動頁面時，div元素沒有顯示出來。控制檯顯示沒有錯誤，沒有任何錯誤的實際頁面，但個別帖子（div的）不顯示。這裏有一個例子：

enter image description here

任何人都可以證實這一點在他們的iPad或建議修復？我寧願不使用沿着Scrollability的東西。可能是因爲iOS6 beta版本造成這種情況，但我希望能夠放心。

你可以在你的iPad

_{查看此site如果有人要我解釋我的書籤，我會很樂意這樣做。}

來源

2012-07-22 Charlie

在我的iPad的div做節目，但他們去看不見*而*滾動。當滾動停止時，元素重新出現 – Hubro 2012-07-22 02:37:03

你運行的是哪個iOS版本？我在視口後看不見，但只有某些div元素（如您所見，每個帖子的頁腳都可見）。 – Charlie 2012-07-22 02:38:27

版本5.1.1 - – Hubro 2012-07-22 02:48:34

當前.post CSS類使用position：relative。如果刪除該行，問題就會消失。顯然，相對位置元素在不在視圖內時隱藏。不完全確定iPad爲什麼這麼做，或者它是一個錯誤。根據我的經驗，iPad設備儘可能高效地運行。例如，如果你滾動JS動畫被凍結。也許這是一種讓iPad更有效地呈現頁面的技術。希望有幫助。

本文也許有關係，有一個變通：CSS3 property webkit-overflow-scrolling:touch ERROR

Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging

來源

2012-08-02 16:42:05 Jason

Webkit溢出滾動導致div不顯示？

回答

相關問題