WeChatアプレットが左右連携を実現

<scroll-view class='aside' scroll-y='true' style='height:{{asideheight}}px' scroll-with-animation="true" scroll-top='{{itemLeftToTop}}' >
    
    <view wx:for="{{menus}}" wx:key="id" data-id="{{item.id}}" bindtap='tabMenu' class="{{item.id === currentLeftSelected ? 'menu active' : 'menu'}}">

    <ビュー id="{{item.id}}">{{item.name}}</ビュー>
    </ビュー>

    <view class="option">
    <button id='user_btn' bindtap='getin' >pc</button>
    <画像 id='user_img' src='../../images/index/user_option.png'></画像>
    </ビュー>
    
  </スクロールビュー>
  <!--各料理の詳細情報、ボタンをクリックすると各料理の数量を追加できます-->
  
  <scroll-view class="item-content" scroll-y='true' scroll-into-view="{{itemScrollId}}" scroll-with-animation='true' style='height:{{asideheight}}px' bindscroll="right" >
    <view wx:for="{{menus}}" wx:for-index="parentIndex" wx:key="id" id="{{item.id}}" >
    <view class="item_title">{{item.name}}</view>
    <view class="{{orderCount.num === 0 ? 'box' : 'box active'}}">
      <view class="item" wx:for="{{item.categroy}}" wx:key="categroyid" data-parentIndex='{{parentIndex}}' data-index='{{index}}'>
        <画像 src="{{item.url}}"></画像>
        <text class="title">{{item.categroy_name}}</text>
        <text class="price">￥ {{item.price}} 元</text>
        <view class="opera">
          <text class="btn_price " bindtap='del' data-id="{{item.id}}" data-parentIndex='{{parentIndex}}' data-index='{{index}}'>-</text>
          <text class="num">{{item.num}}</text>
          <text class="btn_price" bindtap="add" data-id="{{item.id}}" data-parentIndex='{{parentIndex}}' data-index="{{index}}">+</text>
        </ビュー>    
      </ビュー>
    </ビュー>
    
    </ビュー>
</スクロールビュー>

wx.getSystemInfo({
      成功: 関数 (res) {
        var asideheight = res.windowHeight
        var asideheight1 = 0;
        that.setData({
          アサイドハイト: アサイドハイト、
          横幅1:横幅+80
        })
      },
      失敗: () => { console.log("ディスプレイの高さを取得できません。ネットワーク接続を確認してください") }
    });

定数RIGHT_BAR_HEIGHT = 41;
// 右側の各サブクラスの高さ（固定）
定数RIGHT_ITEM_HEIGHT = 122;
// 左側の各クラスの高さ（固定）
定数LEFT_ITEM_HEIGHT = 41;

タブメニュー: 関数 (e) {
    this.setData({
      現在の左選択: e.target.id || e.target.dataset.id、
      アイテムスクロールID: e.target.id || e.target.dataset.id 
    });
    コンソールログ(e);
  },

get_eachItemToTop: 関数 () {
    var obj = {};
    var totop = 0;
    var menus_ex = {};
    var that = this;
    menus_ex = that.data.menus;
    コンソールにログ出力します。
    for(let i=1;i<menus_ex.length;i++){
      totop += (RIGHT_BAR_HEIGHT + menus_ex[i - 1].categroy.length * RIGHT_ITEM_HEIGHT);
      obj[menus_ex[i] ? menus_ex[i].id : 'last'] = totop;  
    }
    obj を返します。
  },
  
  右: 関数 (e) {
      (i = 0 とします; i < this.data.menus.length; i++) {
       左 = this.data.eachrightScrollToTop[this.data.menus[i].id] とします。
       右 = this.data.eachrightScrollToTop[this.data.menus[i + 1] ? this.data.menus[i + 1].id : 'last'] とします。
       e.detail.scrollTop < 右 && e.detail.scrollTop >= 左) の場合 {
       this.setData({
         現在の左選択: this.data.menus[i].id,
         アイテムの左から上まで: LEFT_ITEM_HEIGHT * i
            })
          }
        }
   
    },