1

画像のリストを含む 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 のネイティブのモーメンタム スクロールよりもはるかにぎくしゃくしています。

スクロール中にレンダリングまたは表示するためにできることはありますか?完全に停止するのを待つのではなく、減速などでレンダリングを開始することさえできますか?

4

1 に答える 1

1

実験に基づいて、UIWebView はスクロール中に「静的」の css 位置プロパティを持たないものをレンダリングしません。相対と絶対はどちらも、スクロールが完全に停止するまで要素をレンダリングしません。

于 2012-05-04T12:23:38.260 に答える