微信小程序可滚动试图区域_小程序滑动到可视图

<scroll-view style="width: 690rpx;height: 100rpx;white-space: nowrap;" scroll-x>
        <view  class=" w100">
            <view class="view1 br100 plr20" wx:for="{{60}}">六六六六qiqi六六六</view>
        </view>
    </scroll-view>

横向

<scroll-view class="out" scroll-y>
        <view class="box">111</view>
        <view class="box">222</view>
        <view class="box">333</view>
        <view class="box">444</view>
        <view class="box">555</view>
        <view class="box">666</view>
        <view class="box">777</view>
    </scroll-view>

纵向

 
.out{
    width: 100%;
    background-color: gray;
    white-space: nowrap;/*设置不换行*/
  }
   .out .box{
     width: 100px;
     height: 100px;
     background-color: pink;
     display: inline-block;/*显示成一行*/
     margin-right: 3px;
   }