仿美团scroll-into-view 定位

<scroll-view scroll-x style="width:100%;white-space:nowrap">
<view wx:for="{
   
   {30}}" style="display:inline-block; margin:10rpx;border:1rpx solid red" data-id="{
   
   {index}}" bindtap="scroll">{
   
   {index}}</view>
</scroll-view>
<scroll-view scroll-y style='height:400rpx;' scroll-into-view="{
   
   {intoView}}" scroll-with-animation>
<view wx:for="{
   
   {30}}" id="view{
   
   {index}}" style="height:100rpx;margin:10rpx;border:1rpx solid blue">{
   
   {index}}</view>
</scroll-view>

const app = getApp()

Page({
data: {

},
scroll: function(e){
this.setData({
intoView: "view"+e.currentTarget.dataset.id
})
}
})

转载 https://www.cnblogs.com/xiaobai-y/p/10020898.html