返回顶部按钮响应滚动且动态显示与隐藏更新日期：2024/10/8 饿虎岗资源网

很多的网站上都有返回顶部功能，判断滚动参数动态显示与隐藏，比较适合初学者

<!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">

上一篇： javascript记录文本框内文字个数检测文字个数变化

下一篇： Ajax局部更新导致JS事件重复触发问题的解决方法

返回顶部按钮响应滚动且动态显示与隐藏

最新资源