jQuery一句代码实现返回顶部功能

 
更多

当下注重用户体验度的网站几乎都加了个“返回顶部”的功能,闲来无事也研究了一下,最终将“返回顶部”功能可总结为一句代码实现,下面就是实现方法,读者可以根据自己的需要增加一些个性化的修饰。

<div style="position:fixed;bottom:20px;right:20px;border:solid 1px #ccc;cursor:pointer;" onclick="$('body,html').animate({scrollTop:0},100/*100毫秒完成*/);">返<br />回<br />顶<br />部</div>

注意测试以上效果的时候记得必须先引入Jquery库文件哦!

打赏

本文固定链接: https://www.cxy163.net/archives/3000 | 绝缘体

该日志由 绝缘体.. 于 2024年02月06日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jQuery一句代码实现返回顶部功能 | 绝缘体
关键字: , , , ,

jQuery一句代码实现返回顶部功能:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter