收藏
回答

scroll-x不能用,是不是代码有问题

问题模块
API和组件


wx代码

<view class="section section_gap">

<view class="section__title">horizontal scroll</view>

<scroll-view class="scroll-view_H" scroll-x style="width: 100%">

<view id="green" class="scroll-view-item_H bc_green"></view>

<view id="red"  class="scroll-view-item_H bc_red"></view>

<view id="yellow" class="scroll-view-item_H bc_yellow"></view>

<view id="blue" class="scroll-view-item_H bc_blue"></view>

</scroll-view>

</view>

css代码

.section_gap{

}

.scroll-view_H{

display: block;

width: 100%;

flex-wrap: nowrap;

}

.scroll-view-item_H{

width: 200px;

height: 100px;

flex-wrap: nowrap;



}

.bc_green{

background: green;

}

.bc_red{

background: red;

}

.bc_yellow{

background: yellow;

}

.bc_blue{

background: blue;

}


效果


最后一次编辑于  2017-11-21  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 玩沙子的锤子丶
    玩沙子的锤子丶
    2017-11-23

    .scroll-view_H{

    display: block;

    width: 100%;

    white-space:nowrap;

    }

    .scroll-view-item_H{

    width: 200px;

    height: 100px;

    display:inline-block;

    }

    没注意到你前面的,你试一下


    2017-11-23
    赞同
    回复
  • ヅQingGe
    ヅQingGe
    2017-11-21

    大神,这个加上去不行啊,

    2017-11-21
    赞同
    回复
  • 玩沙子的锤子丶
    玩沙子的锤子丶
    2017-11-21

    .scroll-view-item_H{

    width: 200px;

    height: 100px;

    display:inline-block;

    }

    这样就行了


    2017-11-21
    赞同
    回复