Swiper中文论坛

标题: swiper嵌套问题，如何让相同的direction都能滑动 [打印本页]
作者: Loay    时间: 2015-9-16 17:45
标题: swiper嵌套问题，如何让相同的direction都能滑动
本帖最后由 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，微信内置浏览器
作者: Loay    时间: 2015-9-16 17:47
补充问题：：： 同方向的父swiper和子swiper在PC端google浏览器下运行OK，在手机上不行。测试手机为android，微信内置浏览器
作者: wangluomahua    时间: 2015-9-18 16:17
我也想知道要怎么调用，坐等高手回答
作者: letian    时间: 2015-9-25 09:57
子级swiper加上touchMoveStopPropagation:false 就可以了



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2