微信小程序 scroll-view 横向滚动问题

时间：2021-05-11 21:59:47 收藏：0 阅读：19

主要2点

1 scroll-view 设置 scroll-x="true" style="width:100%" white-space:nowrap;

2 子元素设置 display:inline-block;

index.wxml

   <scroll-view scroll-x="true" class="scroll_view" >
          <view class="text1" style="background:red">111</view>
          <view class="text2"  style="background:orange">2222</view>
          <view class="text3"  style="background:blue">3333</view>
    </scroll-view>

index.wxss

.scroll_view{
  width: 100%;
  /* display:flex; */
  height: 200rpx;
  white-space: nowrap;
}
.text1,.text2,.text3{
  display:inline-block;
  width: 750rpx;
  height: 200rpx;
}

原文：https://www.cnblogs.com/lvlisn/p/14756536.html