1

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

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

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

<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 上的原生动量滚动更加生涩。

我能做些什么让它在滚动时渲染或显示,甚至可以让它在减速时开始渲染或其他什么,而不是等待它完全停止?

4

1 回答 1

1

根据实验,UIWebView 不会在滚动过程中呈现任何不具有“静态”css 位置属性的内容。相对和绝对都会导致元素在滚动完全停止之前不渲染。

于 2012-05-04T12:23:38.260 回答