首页 > 解决方案 > SwiperJS:水平旋转木马,一张幻灯片展开

问题描述

我想创建一个 Swiper 滑块,其中一张幻灯片应展开,如下图所示: 在此处输入图像描述

我这样做是这样的:

https://codepen.io/amiut/pen/poyyqye

但问题是,当您要打开放置在屏幕左右边缘的幻灯片时,其中一部分会进入屏幕下方并且不可见。我还尝试translateTo根据swiper 文档将整个滑块移动一点,但这也行不通。

我创建的 CodePen 非常简单,没有动画和其他东西。

标签: javascriptcssswiperjs

解决方案


这并不理想,但您可以只写点击即可转到该特定幻灯片

    featured_games.slideTo(swiper.snapIndex + 1)

恕我直言,这可以改进


推荐阅读