天蓝云朗 2023-06-24 16:04 采纳率: 33.3%
浏览 25

方向为垂直的swiper,怎么设置swiper-slide不固定高度?

方向为垂直的swiper,怎么设置swiper-slide不固定高度?

  • 写回答

1条回答 默认 最新

  • 泡沫o0 2023年度博客之星上海赛道TOP 1 2023-06-24 16:26
    关注

    在Swiper.js中, 对于设置竖直方向的slider(即Swiper)高度不固定,可以试着使用 autoHeight: true 参数。

    以下是示例:

    var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        autoHeight: true,
    });
    

    这样设置后,若每个.swiper-slide的内容高度是不同的,则它们会根据自身的内容调整大小。

    然而需要注意,Github上有一些讨论称该配置对于一些情况下可能并不能正常工作(特别是当你启用virtualization时)。如果遇到问题,您可能需要寻找其他方法来实现此功能。

    另外,请确保版本与GitHub上提供修复或解决方案所指版本相符。

    评论

报告相同问题?

问题事件

  • 创建了问题 6月24日

悬赏问题

  • ¥15 matlab数据降噪处理,提高数据的可信度,确保峰值信号的不损失?
  • ¥15 怎么看我在bios每次修改的日志
  • ¥15 python+mysql图书管理系统
  • ¥15 Questasim Error: (vcom-13)
  • ¥15 船舶旋回实验matlab
  • ¥30 SQL 数组,游标,递归覆盖原值
  • ¥15 为什么我的数据接收的那么慢呀有没有完整的 hal 库并 代码呀有的话能不能发我一份并且我用 printf 函数显示处理之后的数据,用 debug 就不能运行了呢
  • ¥20 gitlab 中文路径,无法下载
  • ¥15 用动态规划算法均分纸牌
  • ¥30 udp socket,bind 0.0.0.0 ,如何自动选取用户访问的服务器IP来回复数据