iDangerous Swiper提供连续/恒定的自动播放速度

时间:2018-08-21 09:15:08

标签: javascript css swiper

我想在幻灯片自动播放时实现连续/恒定的速度。只需将.swiper-wrapper的CSS过渡计时功能设置为线性,即可轻松实现:

.swiper-wrapper
{
  transition-timing-function: linear;
}

但是在Internet Explorer Edge 41.16299.611.0中,即使在快速计算机上,动画也会结结巴巴吗? IE是否有修复程序?或者,也许还有其他可能会导致iDangerous Swiper无法加速自动播放吗?

我在这里做了一个小笔:https://codepen.io/anon/pen/gdOGNw

我使用了以下Swiper配置:

{
  slidesPerView: 'auto',
  spaceBetween: 0,
  loop: true,
  speed: 5000,
  autoplay: {
    delay: 0,
    disableOnInteraction: false,
  },
}

1 个答案:

答案 0 :(得分:1)

该库的所有者认为Internet Explorer不是“现代” (因为它不完全支持ES6语法)。我q:

  

Swiper并非与所有平台兼容,它是一种现代的触摸滑块,仅专注于现代应用程序/平台,以带来最佳的体验和简洁性。

此外,he states

  

Swiper ES模块应使用Babel或Buble转换为ES5语法。

因此,如果要在不支持ES6的浏览器中使用该库,则需要将其转换为ES5。