【问题标题】:looking for smooth scrolling Slider/carousel without jQuery寻找没有 jQuery 的平滑滚动 Slider/carousel
【发布时间】:2021-07-02 13:55:32
【问题描述】:

我正在寻找一个纯 JS - 滑块,它允许我显示一个轮播,其中所有幻灯片都可以顺利移动而没有中间停止。以下功能很重要:

  • 自动播放
  • 支持拖动、滑动、响应
  • 不依赖 jQuery
  • 无限循环
  • 下一个/之前
  • 轻量级文件大小

我想让它感觉像一个选框,它应该在悬停时暂停,单击前进或后退时直接执行相应的动作,悬停后再次继续。

这里有人可以给我推荐一个合适的滑块吗?

【问题讨论】:

  • https://swiperjs.com/freeMode 设置为true。几乎每个滑块都有滚动而不捕捉的设置
  • 你可以用纯 CSS 做到这一点...花点时间在 youtube 上,你会发现很多纯 CSS 示例和符合你标准的轮播上的香草 JS 教程
  • @Greg-- Swiper.js 看起来不错,但它真的很重...... 136kb,只是 js,gzip 压缩。我正在寻找一个轻量级的。

标签: javascript slider carousel


【解决方案1】:

试试https://swiperjs.com/ 它有很好的文档和示例,并支持 react.js 等框架

【讨论】:

  • 但是 swiperjs 不是轻量级的,它真的很重,很遗憾
猜你喜欢
  • 1970-01-01
  • 2018-02-02
  • 1970-01-01
  • 2013-07-17
  • 2023-02-24
  • 2012-05-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多