Swiper item 数量太多时,滑动卡顿!!
当页面上需要一次性加载几百个item时,在手机上滑动就非常的卡顿,滑动不流畅,怎么解决?试试用上延迟加载
<!-- 延迟加载图片的结构 -->
<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]