scroll-view水平滚动无效果 - WXOPEN Club

  <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是怎么写的？文档总是不完整，很难受啊！！！

panyong 1楼•4 年前

发现社区太不活跃了。还是百度找解决办法来得快。

以下内容来自百度。亲测有效
1.scroll-view 中的需要滑动的元素不可以用 float 浮动；

2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的；

3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排；

4.包裹 scroll-view 的大盒子有明确的宽和加上样式--> overflow:hidden;white-space:nowrap;