2024年04月14日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
目前，大多网站，都有点击返回顶部效果，尤其是页面内容比较多的网站，有了点击返回顶部，不需要用户翻阅上去，直接点击之后滚动到顶部，一般情况下，都是在网站右下角有个固定定位的小火箭/飞机等之类的图标；
当然是用锚点链接也是也可做到，但是给用户体验不是很好，所以鹏仔本次给大家用jquery带来的一种简单方法，代码如下：
在使用下方代码之前，必须先引入jquery，jquery版本大家可自行去下载
<script>
//返回顶部
$(function(){
//获取点击的按钮id
$("#db_top").click(function() {
//点击之后在0.5秒滑动到顶部
$("html,body").animate({scrollTop:0}, 500);
});
})
</script>也就是点击之后，执行animate动画，在0.5秒内，将html，body的滚动条高度为0，也就是达到了返回到顶部的效果，具体几秒内执行完毕，大家可自行根据需求去设置，1000=1秒。
本文链接：http://so.lmcjl.com/news/2044/