微信小程序scroll-view局部滚动组件横向效果实现

官方文档横向滚动没有效果？

<scroll-view class="scroll-view-con" scroll-x style="width: 100%">
    <view id="green" class="scroll-view-item bc_green">1</view>
    <view id="red"  class="scroll-view-item bc_red">2</view>
    <view id="yellow" class="scroll-view-item bc_yellow">3</view>
    <view id="blue" class="scroll-view-item bc_blue">4</view>
</scroll-view>
复制代码

经过测试发现要想实现横向滚动，还需要两个条件

• scroll-view容器设置 white-space: nowrap
• 项目需要 display: inline-block

转载于:https://juejin.im/post/5a8fc6c1f265da4e747fcd38