swiper && scroll-view

发布于 8 年前作者 fliao12954 次浏览最后编辑 8 年前来自 ask

建议微信小程序支持swiper组件支持内嵌scroll-view组件的功能

10 回复
iqin
iqin1 楼6 年前

麻烦说下具体的问题,谢谢。

qiangxia
qiangxia2 楼6 年前

在swiper中嵌套scroll-view,他们的滑动事件会相互影响。

juan60
juan603 楼6 年前

那麻烦提供一下相关wxml和wxss。

jun18
jun184 楼6 年前

目前,scroll-view可以横向滚动的话,会阻止外面swiper的横向滚动的。

aqian
aqian5 楼6 年前

应该是支持的,注意要给scroll-view设上高度,比如 height: 100%

xia75
xia756 楼6 年前

看起来没有问题。这个例子中请注意:划动scroll-view还是swiper与手指的__初始划动方向__相关。横划移动swiper,纵划移动scroll-view。

yongren
yongren7 楼6 年前

@Scorpio 麻烦给出相关wxml和wxss?

zoujun
zoujun8 楼6 年前

框架本身就着这么处理的:scroll-view在仅设置了scroll-y时,仅响应纵向划动;swiper默认情况下仅响应横向滑动。这是符合一般的交互逻辑的。

如果你非要scroll-view响应全部方向的滑动,那你需要把scroll-x也设置上,但这样会阻止swiper的滑动。

jietian
jietian9 楼6 年前

现在有问题吗?麻烦给一下出问题的代码,谢谢。

chao62
chao6210 楼6 年前

好吧, 那就不用swiper+scroll-view了,这样的话体验不太好,谢谢官博回复。