微信小程序 页面打开时scrollview动态滚动到指定位置

需求:从A页面 点击item进到B页面,在B页面头部有一个横向滚动的scrollview,从A点的item动态滚动到对应B的item上。

方法:触发绑定的点击事件时,可以动态设置scroll-into-view的值,此时scroll-view可进行锚点滚动。但是如果是打开页面时想让scroll-view滚动到指定的位置,需要确定容器内列表数据完全渲染完成,因此需要在数据绑定后再设置scroll-into-view的值,比如代码如下:

that.setData({

list:res.data,//列表数据

toView: 'xx' + id //滚动到指定元素的id的值,中文与数字开头不支持,因此需要英文字母开头

})

代码:



数据渲染完成之后再给toview赋值

效果:

A页面


B页面
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。