uniapp锚点定位

最新推荐文章于 2025-10-10 20:03:23 发布

原创最新推荐文章于 2025-10-10 20:03:23 发布 · 354 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #前端 #css

uniapp 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用uni-app框架实现页面元素定位及平滑滚动的方法。通过选择器查询API获取目标元素的位置信息，并利用pageScrollTo方法实现页面的平滑滚动效果。

给最外层大盒子添加了高度（min-height: 100%;）

	goTop(){
			uni.createSelectorQuery().select('.shoplist').boundingClientRect(data => {// 需要跳转到的节点
				uni.createSelectorQuery().select('.goods').boundingClientRect(res => { // 当前页面最外层节点
					// console.log(data,res); 
					uni.pageScrollTo({
						scrollTop: data.top-res.top,
						duration: 300
					});
				}).exec()
			}).exec()