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

news/2024/7/8 3:47:43

在这里插入图片描述

<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;
			},
}

http://lihuaxi.xjx100.cn/news/1137271.html

相关文章

全球范围内的数字化时代,挑战和价值有哪些?

近年来&#xff0c;数字经济的发展趋势越来越明显&#xff0c;尤其是随着疫情的影响&#xff0c;加速了传统产业向数字化、网络化和智能化产业的转型和升级。全球数字经济规模不断扩大&#xff0c;体量连年增长&#xff0c;根据中国信息通信研究院报告显示&#xff0c;2019年全…

第七章 TensorFlow实现卷积神经网络--代码调试

注&#xff1a;实验工具为jupyter,该python环境为3.7并安装了1.14.0版本的tensorflow &#xff0c;这是本人基于最新版的anaconda下新建的环境&#xff0c;至于在头歌环境平台及其他平台并未验证&#xff0c;而我们需要安装和更新包也需要在自己新建的环境命令行下才有效。 //这…

除了OA以外,只用点击按钮就能实现协同办公,靠一个工具就能实现

OA不同时期&#xff0c;不同功能 OA是办公自动化系统&#xff0c;与互联网技术的发展有着密切的联系。 很多办公场景都离不开OA协同系统。OA是办公系统&#xff0c;借助与互联网的交互性&#xff0c;开创出的一种新型的办公方式。 所以&#xff0c;说到OA软件&#xff0c;在不…

开发人员这样规划自己的职业道路!初衷不变,方向万变,发展为大

一、 入行的初衷 很多人干IT这一行都冲着“收入高”这一点的&#xff0c;以为只要学会一点ASP、HTML、DIVCSS&#xff0c;要做一个页面开发人员并不是一件难事&#xff0c;而且做一个页面开发人员更容易找到工作&#xff0c;收入比普通的工作还要高一些&#xff0c;所以成为了…

如何查看Oracle控制文件中的SCN

Oracle控制文件中的SCN很多&#xff0c;最重要的有3类&#xff1a;数据库SCN、数据文件SCN和Checkpoint progress record中的SCN。数据库SCN和数据文件SCN可以分别从V$DATABASE和V$DATAFILE视图的相应列中找到&#xff0c;它们的值通常在全量CHECKPOINT时由CKPT进程更新。CHECK…

LabVIEWCompactRIO 开发指南20 应用程序接口

应用程序接口 STMAPI如图4.24所示。对于基本操作&#xff0c;它由一个读VI和一个写VI组成。它还具有两个补充VI&#xff0c;以帮助传输元数据&#xff0c;但它们的使用不是强制性的。每个主要的VI都是多态&#xff0c;这意味着可以将它们与不同的传输层一起使用。本文档讨论基…

10个学习Python的理由以及Python的优势有哪些?

Python的由来 Python的创始人是吉多范罗苏姆&#xff0c;1989年他在阿姆斯特丹的CWI工作&#xff0c;圣诞节期间&#xff0c;吉多范罗苏姆为了打发圣诞节的无聊&#xff0c;决定开发一个新的脚本解释程序&#xff0c;作为ABC 语言的一种继承。之所以选择Python作为编程语言的名…

项目管理:(三)项目整体管理

三、项目整体管理 3.1 项目整体管理概述 3.1.1 项目整体管理的含义、作用、过程 项目整体管理包括为识别、定义、组合、统一和协调各项目过程组的各种过程和活动而开展的工作&#xff0c;是项目管理中一项综合性和全局性的管理工作。 项目整体管理6个过程 1、制定项目章程…