要在微信小程序的scroll-view中实现动态加载数据并滚动到指定位置,你可以按照以下步骤进行操作:
1. 首先,在scroll-view组件中设置一个唯一的id,例如:
<scroll-view id="myScrollView" scroll-y="true" style="height: 100vh;">
<!-- 动态加载的数据 -->
</scroll-view>
2. 在页面的js文件中,定义一个变量来保存滚动位置,例如:
Page({
data: {
scrollTop: 0
},
// 其他代码...
})
3. 当需要加载新数据时,更新scroll-view中显示的数据,并将滚动位置设置为指定的位置,例如:
Page({
data: {
scrollTop: 0
},
onLoad: function() {
// 加载初始数据
// ...
},
loadMoreData: function() {
// 动态加载更多数据
// ...
// 更新scroll-view中的数据
this.setData({
// 更新数据...
},()=>{ // 设置滚动位置
setTimeout(() => {
this.setData({
scrollTop: 600
})
}, 100); //这里运用了setData的第二个参数,
//callback函数用于在setData时页面渲染后执行的函数
//加上setTimeout来异步操作
});
},
// 其他代码...
})