收藏
回答

swiper下scroll-view无法滚动

如题,在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;
}

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

6 个回答

  • 小程序技术专员-LastLeaf
    小程序技术专员-LastLeaf
    2017-08-04

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


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

    2017-08-04
    有用
    回复
  • 桃子
    桃子
    2018-02-14

    顶4楼, 已解决!

    2018-02-14
    有用
    回复
  • 云选片~影楼在线选片小程序
    云选片~影楼在线选片小程序
    2017-08-04

    height:100vh;

    用vh vh vh

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

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


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

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

    试了,没有用

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

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

    2017-08-04
    有用
    回复
登录 后发表内容