jquery实现“跳到底部“，“回到顶部“效果(类似锚)

最新推荐文章于 2022-05-30 22:50:01 发布

哇呀呀呀加油

最新推荐文章于 2022-05-30 22:50:01 发布

阅读量121

点赞数

分类专栏：工作文章标签： jquery

本文链接：https://blog.csdn.net/weixin_43965439/article/details/109224554

版权

工作专栏收录该内容

11 篇文章 2 订阅

订阅专栏

$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 1000);return false;});
$('#foot').click(function(){$('html,body').animate({scrollTop: $('#footer').offset().top},1000);return false;});

<body>
<br /><br /><br /><br /><br />
<br /><br /><br /><br /><br />
<a href="#" id="foot">跳到底部</a>
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<a href="#" id="top"> 返 回 顶 部 </a>
<br /><br /><br /><br /><br />
<br /><br /><br /><br /><br />
<a name="footer" id="footer"></a>
</body>

哇呀呀呀加油

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery实现“跳到底部“，“回到顶部“效果(类似锚)

$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 1000);return false;});$('#foot').click(function(){$('html,body').animate({scrollTop: $('#footer').offset().top},1000);return false;});<body><br /><br /><br />
复制链接

扫一扫

专栏目录