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

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

作者: 好好学习__天天向上 | 来源:发表于2020-09-24 14:41 被阅读0次

    需求:从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页面

    相关文章

      网友评论

          本文标题:微信小程序 页面打开时scrollview动态滚动到指定位置

          本文链接:https://www.haomeiwen.com/subject/wvivsktx.html