jquery - jquery mobile - 在iPhone中加载长ListView时页面闪烁

Question

我正在为 ios 开发一个电话间隙应用程序，并使用 Backbone.js jQuerymobile 和 jQuery 来加载我的列表视图。

当长列表视图加载或刚刚变得可见时，页面会闪烁。长度较小的列表视图（如 6 到 7 个元素）不会发生这种情况。

我已经-webkit-backface-visibility: hidden;用于.ui-page. 我在android中没有遇到这个问题

Answer 1

我的页面闪烁是由于 dom reflow 造成的。

因为我动态地向列表视图添加内容，所以每次我向列表视图添加一个元素时都会发生 dom 回流，这会导致我的页面闪烁。

我更改了圆顶结构，以确保元素直接位于 with data-role="content" 下，这样回流不会影响任何其他元素。