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

swiper嵌套问题,如何让相同的direction都能滑动

[复制链接]
  • TA的每日心情
    慵懒
    2017-11-28 14:22
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    3

    帖子

    24

    积分

    新手上路

    Rank: 1

    积分
    24
    跳转到指定楼层
    楼主
    发表于 2015-9-16 17:45:55 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    本帖最后由 Loay 于 2015-9-16 17:50 编辑

    现在遇到个问题,描述如下:
    整个页面是个父swiper,实例化代码如下:
    1. myScroll = $('.main-container').swiper({
    2.     direction: 'vertical', //注意,这里是垂直方式
    3.     slidesPerView: 'auto',
    4.     freeMode: true, //自由模式
    5.     freeModeMomentumBounce: false,
    6.     resistanceRatio: 0,
    7.     freeModeMomentum: false
    8. });
    复制代码

    因为是长页面,要结合页面滑动做其他特定的动态效果,所以必须采用swiper或者iscroll来处理
    页面中包含了若干子swiper,有水平滑动的和垂直滑动的,水平滑动的子swiper能有效滑动,垂直滑动的子swiper无法有效滑动,也就是说子swiper和父swiper的direction一样时,子swiper无法响应滑动,而是响应为父swiper的滑动。考虑到可能是swiper的问题,那就牺牲点用户体验,把同方向的子swiper改为普通的div,overflow-y:auto,但是这样也是行不通的,在手机上滑动div,也是父swiper滑动,而非div内容滚动,故此方案也fail.
    那么问题来了,是代码问题还是swiper本身并不支持嵌套相同滑动方向的子swiper,求讨论或者有经验的同学分享下解决方案。

    PS->同方向的父swiper和子swiper在PC端google浏览器下运行OK,在手机上不行。测试手机为android,微信内置浏览器
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    22

    积分

    新手上路

    Rank: 1

    积分
    22
    推荐
    发表于 2015-9-25 09:57:50 | 只看该作者
    子级swiper加上touchMoveStopPropagation:false 就可以了
    回复 支持 2 反对 0

    使用道具 举报

  • TA的每日心情
    慵懒
    2017-11-28 14:22
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    3

    帖子

    24

    积分

    新手上路

    Rank: 1

    积分
    24
    沙发
     楼主| 发表于 2015-9-16 17:47:41 | 只看该作者
    补充问题::: 同方向的父swiper和子swiper在PC端google浏览器下运行OK,在手机上不行。测试手机为android,微信内置浏览器
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    板凳
    发表于 2015-9-18 16:17:16 | 只看该作者
    我也想知道要怎么调用,坐等高手回答
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-22 10:32 , Processed in 0.061316 second(s), 28 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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