纯文字版返回顶端的js代码


Posted in Javascript onAugust 01, 2013
<script language="javascript">
var goto_top_type = -1;
var goto_top_itv = 0;
function goto_top_timer() {
 var y = goto_top_type == 1 ? document.documentElement.scrollTop
   : document.body.scrollTop;
 var moveby = 15;
 y -= Math.ceil(y * moveby / 100);
 if (y < 0) {
  y = 0;
 }
 if (goto_top_type == 1) {
  document.documentElement.scrollTop = y;
 } else {
  document.body.scrollTop = y;
 }
 if (y == 0) {
  clearInterval(goto_top_itv);
  goto_top_itv = 0;
 }
}
function goto_top() {
 if (goto_top_itv == 0) {
  if (document.documentElement && document.documentElement.scrollTop) {
   goto_top_type = 1;
  } else if (document.body && document.body.scrollTop) {
   goto_top_type = 2;
  } else {
   goto_top_type = 0;
  }
  if (goto_top_type > 0) {
   goto_top_itv = setInterval('goto_top_timer()', 50);
  }
 }
}
</script>
<a href="javascript:void(0)" onclick="goto_top()">【返回顶部】</a>
Javascript 相关文章推荐
javascript 读取XML数据,在页面中展现、编辑、保存的实现
Oct 27 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
jquery修改网页背景颜色通过css方法实现
Jun 06 Javascript
跟我学习javascript解决异步编程异常方案
Nov 23 Javascript
jQuery中inArray方法注意事项分析
Jan 25 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
使用Javascript简单计算器
Nov 17 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
Dec 04 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 Javascript
JS实现随机化快速排序的实例代码
Aug 01 #Javascript
js中的前绑定和后绑定详解
Aug 01 #Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 #Javascript
jquery实现带复选框的表格行选中删除时高亮显示
Aug 01 #Javascript
JQuery的自定义事件代码,触发,绑定简单实例
Aug 01 #Javascript
jquery实现带单选按钮的表格行选中时高亮显示
Aug 01 #Javascript
JavaScript定时器详解及实例
Aug 01 #Javascript
You might like
关于crontab的使用详解
2013/06/24 PHP
PHP中exec与system用法区别分析
2014/09/22 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
浅谈PHP的反射API
2017/02/26 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
php unlink()函数使用教程
2018/07/12 PHP
JavaScript伸缩的菜单简单示例
2013/12/03 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
js实现对table动态添加、删除和更新的方法
2015/02/10 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
Webpack 之 babel-loader文件预处理器详解
2018/03/23 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
[42:48]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第二场 12.11
2020/12/16 DOTA
Python中正则表达式的用法实例汇总
2014/08/18 Python
Python中的高级函数map/reduce使用实例
2015/04/13 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
Python 操作mysql数据库查询之fetchone(), fetchmany(), fetchall()用法示例
2019/10/17 Python
python3正则模块re的使用方法详解
2020/02/11 Python
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
荷兰在线体育用品商店:Avantisport.nl
2018/07/04 全球购物
汽车专业学生自我评价
2014/01/19 职场文书
学习自我鉴定
2014/02/01 职场文书
教师师德反思材料
2014/02/15 职场文书
师德师风建设方案
2014/05/08 职场文书
英语感谢信范文
2015/01/20 职场文书
营业员岗位职责
2015/02/11 职场文书
法律意见书范文
2015/05/20 职场文书
《彼得与狼》教学反思
2016/02/20 职场文书