查看: 2326|回复: 3
打印 上一主题 下一主题

slidesPerView :'auto' 无法上下滑动

[复制链接]

该用户从未签到

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2019-10-25 17:11:09 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
需求是swiper上下滑动,且高度自动匹配内容高度。使用了direction:'vertical';slidesPerView :'auto',发现无法上下滑动了。尝试过使用autoHeight: true,发现再vertical下并不能自动调整高度。请大神帮忙解决
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    开心
    2019-11-6 22:40
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    11

    帖子

    44

    积分

    新手上路

    Rank: 1

    积分
    44
    沙发
    发表于 2019-11-5 02:10:26 | 只看该作者
    同求啊用了direction: 'vertical',        slidesPerView: 'auto',数据动态加载出来了没办法往上滑 看下面的内容
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-11-6 22:40
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    11

    帖子

    44

    积分

    新手上路

    Rank: 1

    积分
    44
    板凳
    发表于 2019-11-5 04:17:16 | 只看该作者
    楼主解决没有
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-11-6 22:40
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    11

    帖子

    44

    积分

    新手上路

    Rank: 1

    积分
    44
    地板
    发表于 2019-11-5 04:20:06 | 只看该作者
    我的现在能用了 不介意的话看下我的代码吧
    <div class="swiper-wrapper">
                                    <div class="swiper-slide slidepage">
                                            <div class="swiper-container scroll">
                                                    <div class="swiper-wrapper" >
                                                            <div class="swiper-slide slidescroll  " >
                                                                    <div class="nav0 nav">
                                                                           
                                                                    </div>
                                                            </div>
                                                    </div>
                                            </div>
                                    </div>
    在slidescroll  下面再套一层
    在js里面使用swiper的这个属性noSwipingClass : 'scroll',(禁止swiper自身的上下拖动吧)
    css里面这样子写 .nav{
            position: relative;
            overflow: hidden;
            overflow-y:scroll ;
            /* border: 1px solid red; */
            height: calc(88vh) !important;
            -webkit-overflow-scrolling:touch。
    }
    这样就可以拖动了
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-24 14:51 , Processed in 0.101766 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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