javascript - 如何仅在 slider 进入视口(viewport)后才开始自动播放 Swiper slider ?

标签 javascript jquery swiper.js autoplay

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

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
}) 

由于 slider 位于页面的第四部分内并且只有在页面向下滚动后才可见,所以我想让自动播放仅在 slider 进入视口(viewport)后才开始。 有办法做到这一点吗?

最佳答案

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

});

关于javascript - 如何仅在 slider 进入视口(viewport)后才开始自动播放 Swiper slider ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42557055/

相关文章:

javascript-创建最大连通图

javascript - jQuery .height() 增加高度,但不会降低高度

javascript - Swiper 和 FullpageJS 滚动

html - 为什么在使用 *ngFor 后滑动 slider 不播放

javascript - jQuery 不在 AJAX POST 请求上发送 JSON

javascript - Swiper Slider 将所有幻灯片放在一张幻灯片中

javascript - 如果第 nth-child 为 1 或 2,则右对齐菜单

javascript - jQuery Mobile ListView 样式在清空并动态重新创建列表项后不刷新

javascript - 如何防止签名 token 用户通过浏览器开发者工具访问 API 响应?

javascript - 抓取一个有 javascript 的网站