iOS11 + Webview - 滚动中的图像 div 消失,不要回来

iOS11 + Webview - Images in scrolling div disappear, don't come back

此问题不会出现在 iOS9 或 iOS10 中。

网络视图是使用 Cordova 制作的应用程序的一部分。

一个元素有一系列带有图像和标题的图块,用于选择要查看的媒体。

这些元素有 position: relative 但任何一侧都没有值。 他们有一个child和position: absolute,这是媒体内容的标题。 每个元素都有一个独特的背景图像,并附有以下 css:

background-size: cover; background-position: top center; background-repeat: no-repeat;

滚动内容时,经常会出现元素被渲染的问题,包括文本,但当它们应该滚动回视图时,它们不会重新出现。实际上,您仍然可以单击项目应呈现的位置,然后转到正确的页面。

这很糟糕,因为在很多情况下,全屏高度的内容都显得空白。

有没有人知道如何防止这个问题?

在内容消失的页面添加小动画(2pxX2px)。它将刷新视图渲染,您将看到所有内容。不是最佳解决方案,但它有效