<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script>
$(function(){
//当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
$(function () {
$(window).scroll(function(){
if ($(window).scrollTop()>100){
$("#back-to-top").fadeIn(1500);
}
else
{
$("#back-to-top").fadeOut(1500);
}
});
//当点击跳转链接后,回到页面顶部位置
$("#back-to-top").click(function(){
$('body,html').animate({scrollTop:0},1000);
return false;
});
});
});
</script>
使用jQuery实现返回顶部功能
最新推荐文章于 2021-11-06 10:19:22 发布
本文介绍了如何利用jQuery轻松实现网页点击按钮快速回到页面顶部的功能,包括相关代码示例和实现步骤,帮助开发者提升用户体验。
摘要由CSDN通过智能技术生成