javascript - SwiperJS:水平旋转木马,一张幻灯片展开
问题描述
我想创建一个 Swiper 滑块,其中一张幻灯片应展开,如下图所示:
我这样做是这样的:
https://codepen.io/amiut/pen/poyyqye
但问题是,当您要打开放置在屏幕左右边缘的幻灯片时,其中一部分会进入屏幕下方并且不可见。我还尝试translateTo
根据swiper 文档将整个滑块移动一点,但这也行不通。
我创建的 CodePen 非常简单,没有动画和其他东西。
解决方案
这并不理想,但您可以只写点击即可转到该特定幻灯片
featured_games.slideTo(swiper.snapIndex + 1)
恕我直言,这可以改进
推荐阅读
- drag-and-drop - 在 igTree 中拖放后无法捕获节点的顺序(Infragistics IgniteUI)
- json - 有没有办法将 json 模式统一到一个文件中?
- objective-c - UILabel 太大而无法显示忽略虚假图层
- sql-server - SSMS 只保持加载,然后进入 Not Respoding 状态
- python - 如何将 winfo_width() 用于小部件?width 和 reqwidth 有什么区别?
- javascript - React 基于 prop 使用不同的导入组件
- typescript - 将多个值之一分配给对象的属性
- opencv - 无法在 Opencv 中使用 VideoCapture 读取视频
- vb.net - 在 Linq Query VB.NET 中包含 Select Count(*)
- php - 从 SQL 中转义变量的引号