收藏
回答

swiper下scroll-view无法滚动

问题模块
API和组件

如题,在swiper下scroll-view加了 scroll-x="true"  scroll-y="true" enable-back-to-top="true" style="height: 100%;"还是没有用,无法横向滚动也无法纵向滚动

部分代码如下:

wxml:

     <swiper-item class="item-list"  >  
       <view class="list-view">
              <view class="classname">
                <scroll-view class="scro" scroll-x="true" scroll-y="true"
                enable-back-to-top="true" style="height: 100%;"
                overflow="auto">

wxss:

    .item-list{
  height: 100%;
  /*border: 5px solid red;*/
  text-align: left;
}


.scro{
    height: 100%;
    min-width: 100px;
}

最后一次编辑于  2017-08-04  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

6 个回答

  • ioth5
    ioth5
    2017-08-04

    style="height: 100%;"改成style="height: 100%"

    2017-08-04
    赞同
    回复
  • Scorpio
    Scorpio
    2017-08-04

    试了,没有用

    2017-08-04
    赞同
    回复
  • mingtao
    mingtao
    2017-08-04

    需求是要横向和纵向都能滚动么?


    纵向需要设置height, 横向需要设置width, 试试都加上固定值.

    2017-08-04
    赞同
    回复
  • LastLeaf
    LastLeaf
    2017-08-04

    一楼的解答不正确,这两种写法完全等价。


    在swiper-item和scroll-view之间还有其他view的话,必须给这些view全部设上height:100%才行。

    2017-08-04
    赞同
    回复
  • 影楼云选片 2019跨平台在线选片
    影楼云选片 2019跨平台在线选片
    2017-08-04

    height:100vh;

    用vh vh vh

    2017-08-04
    赞同
    回复
  • 桃子
    桃子
    2018-02-14

    顶4楼, 已解决!

    2018-02-14
    赞同
    回复