我用这个代码来初始化滑动滑块。
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
})
由于滑块位于页面的第四部分内,并且只有在页面向下滚动后才可见,因此我希望只有在滑块进入视口后才开始自动播放。有办法做到这一点吗?
5条答案
按热度按时间myzjeezk1#
moiiocjp2#
假设您正在尝试播放第四张幻灯片:
kx5bkwkv3#
您可能会使用类似jquery appear-https://github.com/morr/jquery.appear的代码
h6my8fg24#
可以使用交集观察器API使滑块仅在进入视口后自动播放。
下面是一个例子:
enxuqcxy5#
需要使用带有
autoplay
参数的对象,或仅使用布尔值true
启用默认设置以启用自动播放。以下是带有delay
(转换之间,以ms为单位)参数的示例:此处为文档参考