3

swipe.js でカルーセルを作成しました。iOS4 と iOS5 で正常に動作します。しかし iOS6 では、ハードウェアのアクセラレーションがなければ、スワイプすると許容できないラグがあります。jquery モバイルを使用せずにカルーセルを作成しようとしましたが、パフォーマンスは非常に優れていますが、JQM とリストビュー (data-role="listview") を使用すると遅くなり、リスト内の要素が多いほど、カルーセルが遅くなります。

HTMLコードには、カルーセルリストと通常のリストビューがあります。リストビューに要素が増えると、カルーセルスワイプが遅くなるようです。そしてそれらは独立した2つの要素です。ここにhtmlコードがあります

<div id='slider' class='swipe' style='width:250px'>
  <ul>
    <li style='display:block'><div>1</div></li>
    <li style='display:none'><div>2</div></li>
    <li style='display:none'><div>3</div></li>
    <li style='display:none'><div>4</div></li>
    <li style='display:none'><div>5</div></li>
  </ul>
</div>

および通常のリスト ビュー

<section class="nav_univers">
  <h1>Toutes les catégories</h1>
  <nav>
    <ul class="categories" data-role="listview" data-inset="true">
      <li>Livre<a class="xt_books"></a></li>
      <li>Musique<a class="xt_music"></a></li>
      <li>Video<a class="xt_video"></a></li>
      <li>Jeux<a class="xt_video_games"></a></li>
      <li>AAA<a class="xt_phone_gps"></a></li>
      <li>QQQ<a class="xt_computing"></a></li>
      <li>DDS<a class="xt_multimedia"</a></li>
      <li>VVV<a class="xt_home"></a></li>
      <li>GGG<a class="xt_sports"></a></li>
      <li>HHH<a class="xt_mode"></a></li>
    </ul>
  </nav> 
</section>

Swipejs を使用してオブジェクトを作成します var slider1 = new Swipe(document.getElementById('slider'));

ここで私たちのサイトを見つけることができます：

ユーザー エージェントがモバイル デバイスに設定された www.priceminister.com。

誰でも私を助けることができますか？

4

1 に答える 1

6

私は同じ問題を抱えていました、

css を次のように変更します。

.swipe
{

    ....
    ....

    /* IOS6 issue*/
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
于 2012-11-16T13:17:44.500 に答える