微信小程序中添加锚点的设置

在html中我们可以很轻松的添加锚点设置, 只需要一个# 就可以了,但是在 vue 和 微信小程序这种单页面的程序中怎么办呢,下面以小程序的样例介绍一下, vue的和小程序的开发方式差不多
在这里插入图片描述
我们要的效果是 点击上面的名片, 跳转到下面的名片位置
看一下wxml 的结构在这里插入图片描述
很明显, 点击的按钮上我们绑定了一个 bindtap = gotocard 的事件, 下面看一下 事件的执行函数
在这里插入图片描述
使用 wx.scrollTo来让页面滚动到位置就可以了 别忘了, boundingClientRect 后面要跟上 .exec() 才可以


版权声明:本文为hjh15827475896原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。