Runtime 发表于 2020-3-19 22:21:53

Swiper item 数量太多时,滑动卡顿!!

当页面上需要一次性加载几百个item时,在手机上滑动就非常的卡顿,滑动不流畅,怎么解决?

zht97916 发表于 2020-4-7 11:27:01

试试用上延迟加载
<!-- 延迟加载图片的结构 -->
      <div class="swiper-slide">
            <img data-src="path/to/picture-1.jpg" class="swiper-lazy">
            <div class="swiper-lazy-preloader"></div>
      </div>
<script>
var mySwiper = new Swiper('.swiper-container', {
lazy: {
    loadPrevNext: true,
},
});
</script>
页: [1]
查看完整版本: Swiper item 数量太多时,滑动卡顿!!