返回顶部按钮的做法
2015-11-30 16:09
417 查看
注意：1、 $('html,body').animate({scrollTop:0},1000);这句代码一定要一定要同时选中html及body两元素。
2、 if($(window).scrollTop()>$(window).height())中，$(window).height()可以换成别的元素到浏览器最顶部的高度H，从而当窗口的scrollTop（）大于这个高度H的时候，需要显示的元素就会显示出来。
2、 if($(window).scrollTop()>$(window).height())中，$(window).height()可以换成别的元素到浏览器最顶部的高度H，从而当窗口的scrollTop（）大于这个高度H的时候，需要显示的元素就会显示出来。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
div{ width:80px; height:80px; background:#FC9; cursor: pointer; position:fixed; right:20px; bottom:20px; display:none;}
</style>
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(window).scroll(function(e) {
if($(window).scrollTop()>$(window).height()){
$('div').fadeIn();
}else{
$('div').fadeOut();
}
});
$('div').click(function(e) {
$('html,body').animate({scrollTop:0},1000);
});
})
</script>
</head>
<body>
<div></div>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- webxml详解版本二
- Intent的详细分析
- No package 'gobject-introspection-1.0' found
- C 查找字符在字符串首次出现的位置
- VC/MFC如何添加启动界面
- 【第11周 项目1 - 二叉树算法验证(3)中序线索化二叉树的算法验证】
- 调用系统默认铃声
- cocos2dx常见的46中+22中动作详解
- 无领导小组讨论(LGD)九大经典案例3
- 函数式思维: 函数设计模式，第 2 部分
- 学堂在线 C2-3实心菱形
- 百度地图api
- cocos2dx常见的46中+22中动作详解
- 第1讲 Redis部署与基本操作
- 第十三周项目5-拓扑排序算法的验证
- jsoncpp库的使用方法
- 什么是DOM
- IOS学习之数据库（2）－－SQL
- 14周-项目1-验证算法-折半算法
- 第十四周 项目1.1.1 折半查找