简易的回到顶部功能

(作者:郭鑫 撰写时间:2019年2月10号)
回到顶部这是很多地方都会运用到的功能,能让使用者使用起来更加的方便快捷。 但是,如果想自己写出这个功能就会比较麻烦,今天我就为大家提供一种比较简单的方法,运用js中的scrollTo,虽然没有动漫效果,但是可以快速的获取到这个功能,比较实用。
代码如下,为了区分效果,对每个div添加了不同的颜色和文字。
scrollTo括号里的数据为需要去到的坐标点(位置)——scrollTo(x轴,y轴),这里是回到顶部,所以数据为(0,0)。
在这里插入图片描述
效果如下
点击前:在这里插入图片描述
点击后:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值