首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Swiper.js断点自动播放问题

Swiper.js断点自动播放问题
EN

Stack Overflow用户
提问于 2019-04-16 10:37:40
回答 1查看 2.9K关注 0票数 2

我正在设置swiper.js库(http://idangero.us/swiper/),设置有问题。我正在尝试设置刷卡开始自动播放的桌面大小和停止自动播放在移动(例如。768便士)。所有的东西都可以在桌面上正常工作,即使你尝试响应而不刷新页面。问题从页面刷新后的移动大小开始。滑动忽略所有设置,直到页面调整大小。

演示:https://codepen.io/anon/pen/WWdera

代码语言:javascript
复制
var swiper = new Swiper('.swiper-container', {
      autoplay: {
          delay: 1000
        },
      breakpoints: {
        768: {
          autoplay: {
            delay: false
          }
        }
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

有人知道我做错了什么吗?谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-24 14:38:37

这在重新启动之后就能工作了。您需要将自动播放对象更改为布尔值。

代码语言:javascript
复制
var swiper = new Swiper('.swiper-container', {
  autoplay: {
      delay: 1000
    },
  breakpoints: {
    768: {
      autoplay: false
    }
  },
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55706198

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档