javascript - 使用 iDangerous Swiper 的连续/恒定自动播放速度

Question

我想在自动播放幻灯片时实现连续/恒定的速度。只需将 .swiper-wrapper 的 CSS transition-timing-function 设置为 linear 即可:

.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,
  },
}

Answer 1

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

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

此外，he states :

Swiper ES module should be transpiled with Babel or Buble to ES5 syntax.

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