收藏
回答

swiper && scroll-view

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


回答关注问题邀请回答
收藏

22 个回答

  • LastLeaf
    LastLeaf
    2017-08-08

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


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

    2017-08-08
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-08-08

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

    2017-08-08
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-08-08

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

    2017-08-08
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-08-04

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

    2017-08-04
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-08-03

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

    2017-08-03
    有用
    回复 1
    • 孙兴林
      孙兴林
      2021-06-22
      实测没有阻止,scroll-view横向无法展示内容
      2021-06-22
      回复
  • LastLeaf
    LastLeaf
    2017-08-03

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

    2017-08-03
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-05-25

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

    2017-05-25
    有用
    回复
  • LastLeaf
    LastLeaf
    2016-12-23

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

    2016-12-23
    有用
    回复
  • 虎子
    虎子
    2017-09-06

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

    2017-09-06
    有用
    回复
  • 中文测试
    中文测试
    2017-08-08

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

    2017-08-08
    有用
    回复

正在加载...

登录 后发表内容