微信scroll-view组件的scroll-x和scroll-y分别设置组件的横向和纵向是否出现滚动条，如果想使用横向scroll-view，就请设置scroll-x="true"。

scroll-view组件的横向排布要注意以下几个要点：

• 如果scroll-view下排列的多个子元素是块级元素（比如view），就直接对scroll-view设置display:flex和flex-direction:row，不会使子元素自动成为水平排列。如果不使用scroll-view而将容器元素换成view，那么设置display:flex和flex-direction:row是可以使子元素自动成水平排列的。
• 如果想让scroll-view下的view元素水平排列，一种可行的方法是将子元素view设置为inline-block或者inline-flex。
• 子元素有可能会出现换行的情况，需要在容器上设置white-space:nowrap。

<scroll-view class="avatar-images" scroll-x="true">
  <block wx:for="{{comments}}" wx:for-item="item">
    <view>
      <image src="{{item.avatar}}" mode="widthFix"></image>
      <text>{{item.username}}</text>
    </view>
  </block>
</scroll-view>

.avatar-images {white-space:nowrap;font-size:0;padding:20rpx 0;box-sizing:border-box;border-bottom:1px solid #ccc;}
.avatar-images view {display:inline-block;margin-right:20rpx;}
.avatar-images view:last-child {margin-right:0;}
.avatar-images image {width:300rpx;}
.avatar-images text {display:block;text-align:center;font-size:28rpx;}

scroll-view有以下几个需要注意的地方：

• 请勿在scroll-view中使用textarea、map、canvas、video组件。
• scroll-into-view的优先级高于scroll-top。
• 在滚动scroll-view时会阻止页面回弹，所以在scroll-view中滚动是无法触发onPullDownRefresh的。
• 若要使用下拉刷新，请使用页面的滚动，而不是scroll-view，这样也能通过点击顶部状态栏回到页面顶部（经过测试发现，必须点击手机的状态栏而非小程序的导航栏才能返回页面顶部）。