收藏
回答

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


wx代码

<view class="section section_gap">

<view class="section__title">horizontal scrollview>

<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;

}


效果


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

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
    有用
    回复
登录 后发表内容