每日一唠叨:
测试小姐姐说给说明文档加个滚动功能吧,不要让用户还手动滑那么长时间,直接点击跳到说明位置好了。
okay。
正文开始👇
需求:实现点击说明标题滚动到说明详情。
效果图
uni app官网说法
代码
JS:
//提示滚动到固定位置上
roll(){
uni.createSelectorQuery().select('.hint_zt').boundingClientRect(data=>{//目标位置的节点,类class或者id
console.log("目标view的top\left\right\bottom分别是多少",data.top,data.left,data.right,data.bottom)
uni.pageScrollTo({
duration: 100,//过渡时间
scrollTop: data.top,//到达目标class的top值
})
}).exec();
},
打印数据
在点击事件那里引用这个方法即可!