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

Question

我正在使用此代码来初始化 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
}) 

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

Answer 1

var mySwiper = new Swiper('.swiper-container', {
   autoplay: {
    delay: 5000,
  },

});