ios - UIWebView 不呈现位置为 :relative or absolute until scroll stops 的 html 元素

Question

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

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

最初当我没有设置样式时它似乎工作正常，但现在我已经将图像包装在一个 div 中并添加了一些 css 样式以使 position:relative 或 absolute 在滚动期间不会呈现。,

<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 位置属性的内容。相对和绝对都会导致元素在滚动完全停止之前不呈现。