UIWebView无法呈现具有位置的html元素：相对或绝对，直到滚动停止

Question

我有一个带有图像列表的UIWebView

<ul>
<li> <img src="foo"></li> 
<li> <img src="foo"></li> 
<li> <img src="foo"></li> 
</ul>

最初，当我没有设计样式时，它似乎工作得很好，但现在我已经将图像包裹在div中并添加了一些css样式来制作位置：相对或绝对它在滚动期间不会呈现。，< / p>

<ul>
<li>
  <div class="stylish"><img src="foo"></div>
</li> 
<li>
  <div class="stylish"><img src="foo"></div>
</li>
<li>
  <div class="stylish"><img src="foo"></div>
</li> 
</ul>

直到滚动完全停止才显示任何内容。然后它会立即闪现。
所以看起来如果我有任何html元素的位置绝对或相对，它将不会呈现，直到滚动完全停止。奇怪的是，从css中删除位置属性允许元素在滚动时呈现。使用像iScroll这样的javascript库也解决了这个问题，但iScroll比iOS上的原生动量滚动更加笨拙。

有什么我可以做的，让它在滚动时渲染或显示，甚至可以让它开始渲染减速或其他东西，而不是等待它完全停止？

Answer 1

基于实验，UIWebView在滚动期间不会呈现任何没有“静态”的css位置属性的内容。在滚动完全停止之前，相对和绝对都会导致元素不呈现。