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

时间:2017-11-17 11:46:30

标签: html css cordova webview ios11

此问题不会发生在iOS9或iOS10中。

webview是使用Cordova制作的应用程序的一部分。

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

元素有position: relative但没有任何一方的值。 他们有一个position: absolute的孩子,这是媒体内容的标题。 这些元素各有一个独特的背景图像,附带以下css:

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

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

这非常糟糕,因为在许多情况下,内容的全屏高度显示为空白。

有没有人对如何防止这个问题有任何想法?

1 个答案:

答案 0 :(得分:1)

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