iPad Safari 滾動延遲：「translate3d(0, 0, 0)」可以修復不穩定的滾動嗎？

透過Translate3D 轉換解決了iPad Safari 滾動延遲

為iPad Safari 開發Web 應用程式時，大範圍的滾動區域可能會表現出一種奇怪的行為， - 螢幕元素僅在滾動時出現明顯延遲後出現。這種不穩定現像源自於 iPad Safari 的記憶體保護工作。

幸運的是，解決方案在於欺騙瀏覽器利用硬體加速。這可以透過應用一個空的三維變換來實現：

-webkit-transform: translate3d(0, 0, 0);

具體來說，將此變換應用於具有position:relative的子元素；聲明或所有子元素增強了滾動的響應能力。雖然不是通用的解決方案，但在大多數情況下它對於解決不穩定問題非常有效。這項技術歸功於文章「iOS 5 Native Scrolling – Grins & Gotchas」。

以上是iPad Safari 滾動延遲：「translate3d(0, 0, 0)」可以修復不穩定的滾動嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！