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

scroll-view | 微信开放文档

当我们使用scroll-view横向滚动时，添加 scroll-x 页面内容仍然没有横向展示

解决：

1. 横向滚动需打开 enable-flex 以兼容 WebView，如 <scroll-view scroll-x enable-flex style="flex-direction: row;"/>
2. 滚动条的长度是预估的，若直接子节点的高度差别较大，则滚动条长度可能会不准确

<scroll-view class="scroll-view_H" scroll-x enable-flex>
    <view id="demo1" class="scroll-view-item_H demo-text-1"></view>
    <view id="demo2"  class="scroll-view-item_H demo-text-2"></view>
    <view id="demo3" class="scroll-view-item_H demo-text-3"></view>
</scroll-view>