小程序数据列表上下滑的内部加左右滑

如图，左边是固定的，右边内容是可以左右滑动的，上面和下面部分也是固定的，整个可以上下滑动。
wxml:

<view class="top">
  <view class='topLeft'></view>
  <scroll-view class='topBox' scroll-x scroll-with-animation scroll-left='{
  {left}}' bindscroll="scrolling" bindtouchstart='scrollTouchStart' data-scroll='1'>
    <block wx:for='{
  {groupArr}}' wx:key>
      <view class='topRight'>{
  {item.company}}</view>
    </block>
  </scroll-view>
</view>
<view class="type">
  <view class="label">品质：</view>
  <block wx:for='{
  {typeArr}}' wx:key>
    <view class="item {
  {index==0?'marginLeft':''}} {
  {activeIndex==index?'cur':''}}" bindtap='chooseType' data-index='{
  {index}}'>{
  {item}}</view>
  </block>
</view>
<view class="wrapper">
  <view class="main">
    <view class="left">
      <block wx:for='{
  {lists}}' wx:key>
        <view class="line1 {
  {index==lists.length-1?'bottomBorder':''}}">
          <text class='border'>{
  {item.name}}</text>
        </view>
      </block>
    </view>
    <scroll-view scroll-x class="right" bindscroll="scrolling" scroll-with-animation scroll-left='{
  {left}}' bindtouchstart='scrollTouchStart' data-scroll='2'>
      <!-- <view class="right-wrapper"> -->
      <block wx:for='{
  {lists}}' wx:key>
        <view class="line2 {
  {index==lists.length-1?'bottomBorder':''}}">
          <b