Javascript swiper.js |仅当用户滚动到滑块id时才启动自动播放swiper

当用户滚动到swiper包装id时如何启动swiper Autoplay 它通常在打开页面时自动运行

如何控制自动播放事件

例如：

下面是js代码

newvue({
el:“主滑块”，
数据（）{
返回{
家庭用品：，
};
},
安装的（）{
this.homeSwiper=新Swiper（“.home slider”{
updateOnWindowResize:true，
循环：对，
SlideService视图：1.5，
间隔时间：10，
速度:500,，
中心幻灯片：对，
centeredSlidesBounds:真，
自动播放：{
延误：1000，
disableOnInteraction:false，
},
分页：{
el:“.swiper分页”，
可点击：正确，
},
});
}
})

如何控制自动播放事件

您可以使用

swiper.autoplay.start（）

启动自动播放，并使用

swiper.autoplay.stop（）

强制停止自动播放

当用户滚动到swiper包装id时如何启动swiper Autoplay打开页面时，它通常会自动运行

“交点观察者”可让您知道图元何时在视图中。它在（现代）浏览器中得到了很好的支持，但是如果你想让它在所有浏览器中都工作，你可以使用polyfill

---

这里有一个

thx，可以不使用vue来完成吗？@AhmedElzelaky是的，您可以将其用作普通JavaScript，在React、jQuery、vue中。。。