微信小程序 【如何用写 scroll-view 一个微信小程序楼梯导航？？】

先看我们需要的效果：

wxml 页面：

<view class="scroll_box">
<!-- 左边滚动 -->
  <scroll-view class="left_scroll_view" scroll-y="{
  {true}}" scroll-into-view="{
  {navId}}">
    <view id="nav{
  {index + 1}}" class="{
  {current === index ? 'active' : ''}}" bindtap="choseType" data-item="{
  {index}}" wx:for="{
  {100}}" wx:key="index">{
  {item + 1}}</view>
  </scroll-view>

<!-- 右边滚动 -->
<!-- bindscroll 滚动时触发 -->
  <scroll-view class="right_scroll_view" bindscroll="rightScroll" scroll-into-view="{
  {right_view_id}}" scroll-y="{
  {true}}">