小程序点击导航栏返回顶部小例子

<view class="headerTop"  id="headerTop" @click="onNavigationBarTap">
	顶部导航栏
</view>
//样式
width: 100%;
position: fixed;
background: white;
left: 0;
z-index: 999;

//js
 lastTapTime: null,//用于记录上一次点击的时间戳
 screenHeight: 0//高度设置为0
onLoad(){
	//获取屏幕高度
	const systemInfo = uni.getSystemInfoSync();
	this.screenHeight = systemInfo.windowHeight;
},
methods:{
	//在导航栏上添加一个@click事件的监听函数，判断两次点击的时间间隔是否小于300ms，如果是，则认为是双击事件，执行页面滚动到顶部的操作。
			onNavigationBarTap(event){
				 const currentTimeStamp = event.timeStamp;
				 const lastTimeStamp = this.lastTapTime || 0;
				 const timeDiff = currentTimeStamp - lastTimeStamp;
				 if (timeDiff < 300) { // 双击事件
				     uni.pageScrollTo({
				     scrollTop: 0,
				     duration: 300
				   });
				 }
				  this.lastTapTime = currentTimeStamp;
			},
}