微信小程序scroll-view横向滚动和纵向滚动实现（亲测管用）

//wxml
      <scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" 
      scroll-into-view="{{rightId}}" >
      <view    style="display: inline-block">1</view>
      <view     style="display: inline-block">2</view>
      <view     style="display: inline-block">3</view>
      <view    style="display: inline-block">4</view>
      <view   id="select_title"  style="display: inline-block">5</view>
</scroll-view>
//wxss
#select_title{
  color: #F2A669;
}

//js
data:{
  rightId:null
  },
  //页面加载时
  onLoad：function(){
this.setData({
      rightId: 'select_title',
    })
}

//wxml
        <scroll-view scroll-y   scroll-into-view="{{scrollTopName}}" >
      <view>1</view>
      <view>2</view>
      <view>3</view>
      <view>4</view>
      <view   id="scrollTabTop"  >5</view>
      </scroll-view>
//wxss
#scrollTabTop{
height:100vh;
  background-color: #F6F6F6;
}

//js
data:{
  scrollTopName:null
  },
  //页面加载时
  onLoad：function(){
this.setData({
      scrollTopName: 'scrollTabTop',
    })
}