微信小程序使用scroll-view组件，实现两个盒子横向滚动

在微信小程序中，`scroll-view`组件可以用来实现滚动效果。如果你想让两个盒子水平方向上做滚动，首先需要在页面的wxml文件里设置`scroll-x`属性表示水平滚动，并将两个盒子作为`scroll-view`的子节点。这里是基本的示例代码：

<view class="parent-scroll">
  <!-- 第一个滚动盒子 -->
  <scroll-view class="child-scroll1" scroll-x="{{scrollX}}" bindscrolltolower="onScrollToLower1">
    <view class="box1">盒一内容</view>
    <view class="box1">盒一更多内容...</view>
  </scroll-view>

  <!-- 第二个滚动盒子 -->
  <scroll-view class="child-scroll2" scroll-x="{{scrollX}}" bindscrolltolower="onScrollToLower2">
    <view class="box2">盒二内容</view>
    <view class="box2">盒二更多内容...</view>
  </scroll-view>
</view>

然后，在js文件中管理这两个滚动视图的滚动状态以及它们之间的关联：

Page({
  data: {
    scrollX: 0,
  },
  
  onScrollToLower1(e) {
    // 当第一个滚动视图到底部时，更新第二个滚动视图的位置
    this.setData({ scrollX: e.detail.scrollLeft });
  },
  
  onScrollToLower2(e) {
    // 类似于onScrollToLower1，但用于第二个滚动视图
  },
})

在这个例子中，当一个滚动视图滚到底部时，会通过`bindscrolltolower`事件触发，更新另一个滚动视图的`scroll-left`值，实现联动滚动的效果。