Swiper中文论坛

标题: Swiper item 数量太多时，滑动卡顿！！ [打印本页]

---

作者: Runtime    时间: 2020-3-19 22:21
标题: Swiper item 数量太多时，滑动卡顿！！
当页面上需要一次性加载几百个item时，在手机上滑动就非常的卡顿，滑动不流畅，怎么解决？

---

作者: zht97916    时间: 2020-4-7 11:27
试试用上延迟加载

1. <!-- 延迟加载图片的结构 -->
   
2.         <div class="swiper-slide">
   
3.             <img data-src="path/to/picture-1.jpg" class="swiper-lazy">
   
4.             <div class="swiper-lazy-preloader"></div>
   
5.         </div>
   
6. <script>
   
7. var mySwiper = new Swiper('.swiper-container', {
   
8.   lazy: {
   
9.     loadPrevNext: true,
   
10.   },
    
11. });
    
12. </script>

复制代码

---

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)

Powered by Discuz! X3.2