查看: 2984|回复: 4
打印 上一主题 下一主题

求助,垂直滚动,让swiper以外的内容正常滚动

[复制链接]
  • TA的每日心情

    2017-7-20 09:15
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    10

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    跳转到指定楼层
    楼主
    发表于 2017-7-19 20:29:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    现在做了一个垂直滚动,但是每屏都是滚动100%高度,我写了一个footer在swiper后面,但是滚动到最后一屏时,就滚不动了,footer都没有办法展示出来,求解决办法,在线等
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享1 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情

    2017-7-20 09:15
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    10

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    沙发
     楼主| 发表于 2017-7-20 10:19:03 | 只看该作者
    我找到办法了 ,slidesPerView: 'auto',加上这一句代码,然后每一屏都是自动高度了,然后在css里面重置swiper-slide高度为100%,再重置你想要自动高度那层 的高度为  auto;就可以了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2017-7-25 10:04
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    0

    主题

    10

    帖子

    35

    积分

    新手上路

    Rank: 1

    积分
    35
    板凳
    发表于 2017-7-25 14:51:57 | 只看该作者
    愚公 发表于 2017-7-20 10:19
    我找到办法了 ,slidesPerView: 'auto',加上这一句代码,然后每一屏都是自动高度了,然后在css里面重置swip ...

    亲爱的楼主,我也是这个问题,能说的具体点吗?有点蒙~
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    15

    积分

    新手上路

    Rank: 1

    积分
    15
    地板
    发表于 2019-7-31 11:43:43 | 只看该作者

    初始化的时候, js:
    1. slidesPerView: 'auto',
    复制代码

    css:
    1. .swiper-container .swiper-slide{
    2.     height:100%;
    3. }
    4. .swiper-container .swiper-slide:last-child{
    5.     height:104px;
    6.     background:rgba(105,105,105,1) !important;

    7. }
    复制代码
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    5#
    发表于 2019-12-6 11:06:38 | 只看该作者
    我也是这个问题,你这个方法 没问题,但是最后一次滚动好像距离大了一点点,导致footer不是在最下面,有空白
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-24 00:06 , Processed in 0.059835 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表