scroll-into-view 简单demo

index.wxml
 
 
<scroll-view scroll-x style="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>
 
 
 
index.js
 
 
 
 
 
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