swiper && scroll-view
发布于 6 年前 作者 fliao 12789 次浏览 来自 问答

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

10 回复

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

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

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

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

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

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

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

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

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

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

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

回到顶部