html - 如果内容大于 4000-5000 像素,iOS Safari 和 PhoneGap 应用程序会崩溃

标签 html css safari cordova

我正在开发 PhoneGap 应用程序。在 iOS 5.1.1 中没有问题,但在 6.1.3 中存在滚动问题。

如果我使用带有 overflow:auto; -webkit-overflow-scrolling:touch; 的容器并且内容大于 4000-5000 像素,Safari 滚动后崩溃。

您可以使用下面的链接对其进行测试。单击 map 并在放大 4-5 倍后滚动它。

http://okngnr.com/arb/

我知道问题不在于 SVG 或过多的 DOM 元素。 iOS 6.x 中有错误吗?如何查看 Safari 的崩溃报告?我正在使用 Windows,这些不是 \Users\<username>\AppData\Roaming\Apple Computer\Logs\ 下的 CrashReporter

提前致谢。

最佳答案

可能是 iOS 问题。您是否在 iOS 7 上测试过(有想法)?在 Mac 上,使用 Xcode Phonegap 元素和调试器,您可能有更多信息。当您一次加载所有内容时,可能会出现问题。

如果你分页?四乘四,底部有一个按钮可以加载其他按钮。这对您的界面来说不是很酷,但如果是 iOS 问题,您可能别无选择...

关于html - 如果内容大于 4000-5000 像素,iOS Safari 和 PhoneGap 应用程序会崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17909982/

相关文章:

html - 显示在其他元素下方的工具提示 z-index

javascript - iPhone 上的网格布局很小

html - 强制 Bootstrap 固定页脚内的图像在手机分辨率上水平对齐

css - Angular Material 样式

css - <div> 宽度使 iPad iOS 5 Safari 浏览器崩溃

safari - Safari 中的边框半径切割/图像重叠

javascript - 两种调用javascript方法的方法有什么区别

html - 分区 :hover only working with mouse down in firefox and safari

html - 没有特定 ID 的类的 CSS 选择器

javascript - 为什么 find ('input:focus' ) 在 safari 中不起作用