<scroll-view 
   class="left"
   scroll-y
   >
     <view 
     class="{{item.id == active ? 'left_current left_box' : 'left_box'}}" 
     wx:for="{{leftData}}" 
     wx:key="index"
     bindtap="leftClick"
     data-id="{{item.id}}"
     >{{item.catName}}</view>
   </scroll-view>

   <scroll-view 
   class="right"
   scroll-y
   scroll-into-view="{{'chunk'+ activeClassifyId}}"
   scroll-with-animation
   bindscroll="scroll"
   >
     <view 
     class="right_box" 
     wx:for="{{rightData}}" 
     wx:key="index"
     id="{{'chunk'+ item.id}}"
     >
        <view class="right_title">{{item.name}}</view>
        <view class="right_innerBox" wx:for-item="item2" wx:for="{{item.list}}" wx:key="index2" >
        <view>{{item2.name}}</view>
        </view>
     </view>
   </scroll-view>

data:{
   // ...數(shù)據(jù)...
   active:'', // 左側(cè)分類激活
   activeClassifyId :''  // 滾動(dòng)定位的id
}
  // 左側(cè)分類點(diǎn)擊
  leftClick(e){
    // 當(dāng)前分類id
    let { id } = e.currentTarget.dataset
    this.setData({
      active:id,  // 左側(cè)激活的id
      activeClassifyId : id   // 分類定位的id
    })
    // activeClassifyId分類定位的id不應(yīng)該和左側(cè)激活的id是同一個(gè)，否則左側(cè)激活會(huì)在下面的滾動(dòng)事件內(nèi)持續(xù)觸發(fā)，導(dǎo)致無法滾動(dòng)。
  },
  // 右側(cè)滾動(dòng)觸發(fā)
  scroll(){
    let { rightData } = this.data
    rightData.map(item=>{
      if(item.list.length>0){
    // 返回一個(gè) SelectorQuery 對(duì)象實(shí)例。獲取頁面的節(jié)點(diǎn)信息。
     const query = wx.createSelectorQuery()
      query.select('#chunk'+item.id)  // 獲取id為chunkID的元素
      .boundingClientRect(ref=>{  // 獲取節(jié)點(diǎn)寬高信息和位置信息
        // 如果當(dāng)前的子分類滾動(dòng)到了頂部以及當(dāng)前子分類正處于頂部的位置
        if(0>ref.top&&ref.top>(ref.height*-1)){
          this.setData({active :item.id})   // 切換左側(cè)父分類的高亮
        }
      }).exec()
      }
    })
  },