返回顶部按钮响应滚动且动态显示与隐藏
(编辑：jimmy 日期: 2025/5/15 浏览：3 次 )
很多的网站上都有返回顶部功能，判断滚动参数动态显示与隐藏，比较适合初学者
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实现动态的显示回到顶部与否</title>
<style>
/*返回顶部*/
.back_top {width:45px;height:45px;background:url(back_top_new.png) 0 0;position:fixed;left:50%;margin-left:500px;bottom:105px;display:none;}
.back_top:hover{background:url(images/back_top_new.png) 0 -46px;}
</style>
</head>
<body>
<a title="返回顶部" href="javascript:void(0)" class="back_top"></a>
<script src="/UploadFiles/2021-04-02/jquery-1.11.0.min.js">下一篇：Ajax局部更新导致JS事件重复触发问题的解决方法