TA的每日心情 | 慵懒 2017-11-28 14:22 |
---|
签到天数: 1 天 [LV.1]初来乍到
新手上路
- 积分
- 24
|
本帖最后由 Loay 于 2015-9-16 17:50 编辑
现在遇到个问题,描述如下:
整个页面是个父swiper,实例化代码如下:
- myScroll = $('.main-container').swiper({
- direction: 'vertical', //注意,这里是垂直方式
- slidesPerView: 'auto',
- freeMode: true, //自由模式
- freeModeMomentumBounce: false,
- resistanceRatio: 0,
- freeModeMomentum: false
- });
复制代码
因为是长页面,要结合页面滑动做其他特定的动态效果,所以必须采用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,微信内置浏览器
|
|