赞
踩
要在微信小程序的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来异步操作
- });
- },
- // 其他代码...
- })

Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。