<view style="height: 200px;"></view>
<button bindtap="scrollToView2">scrollIntoView</button>
<button bindtap="scrollTop">scroll-top</button>


<scroll-view class="sv"  scroll-y scroll-into-view="{{scrollIntoView}}" scroll-top="{{scrollTop}}"  >
    <view id="view1" style="height: 2000px; background: #ff6b6b;" >
      view1
    </view>


    <view id="view2" style="height: 1000px; background: #4ecdc4; ">
      view2
    </view>
  </scroll-view>



const app = getApp()


Page({
  data: {
    scrollIntoView: ''
  },
  scrollToView2() {
    console.log("scrollIntoView")
    this.setData({
      scrollIntoView: "view2"
    });
  },


  scrollTop(){
    console.log("scrollTop")
    this.setData({
      scrollTop: 2000,
    });
  }
})

.sv{
  height: 5000px;
}