如何仅在滑块进入视口后才开始自动播放 Swiper 滑块?

新手上路,请多包涵

我正在使用此代码来初始化滑动滑块。

 var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 0,
    parallax: true,
    autoplay: 5000,
    speed: 800,
    autoplayDisableOnInteraction: false
})

由于滑块位于页面的第四部分内,并且仅在页面向下滚动后可见,因此我希望仅在滑块进入视口后才开始自动播放。有没有办法做到这一点?

原文由 Goran Tesic 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 514
1 个回答
var mySwiper = new Swiper('.swiper-container', {
   autoplay: {
    delay: 5000,
  },

});

原文由 user10488386 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题