You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SwiperJS分页偏移一屏:如何设置初始从第2个幻灯片开始?

解决SwiperJS初始幻灯片偏移问题

你需要用到Swiper配置中的initialSlide参数,它用于指定轮播初始化时默认显示的幻灯片索引,Swiper的幻灯片索引从0开始计数。

具体实现方式:

  • 在Swiper实例的配置对象中添加initialSlide: 1(第2个幻灯片对应的索引是1)
  • 示例配置代码如下:
const swiper = new Swiper('.swiper', {
  // 你的其他配置项
  initialSlide: 1, // 设置初始显示第2个幻灯片
});

这个参数属于Swiper的基础配置项,专门用来控制初始激活的幻灯片位置,检查下你的配置是否遗漏了该属性即可。

内容的提问来源于stack exchange,提问作者user3934058

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 00:31:13