我使用swipe.js创建了一个走马灯,在iOS4和iOS5中运行良好。但在没有硬件加速的情况下,当我们滑动时,在iOS6中会出现无法接受的延迟。
我试图创建一个没有jquery mobile的走马灯,性能非常出色,但当我们使用JQM和listview(data-role="listview")时,它变得更慢了,并且列表中的元素越多,走马灯就越慢。
在HTML代码中,我们有一个走马灯列表和一个普通的listview,似乎如果在listview中有更多的元素,carousel swipe会变得更慢。它们是两个独立的元素。以下是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,用户代理设置为移动设备。
有人能帮我吗?