纯文字版返回顶端的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 相关文章推荐
JS的replace方法详细介绍
Nov 09 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
详解iframe与frame的区别
Jan 13 Javascript
javascript执行环境及作用域详解
May 05 Javascript
jQuery插件实现图片轮播特效
Jun 16 Javascript
Jquery实现上下移动和排序代码
Oct 17 Javascript
AngularJS实现使用路由切换视图的方法
Jan 24 Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
如何从零开始手写Koa2框架
Mar 22 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 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
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
PHP设计模式之适配器模式原理与用法分析
2018/04/25 PHP
javascript 验证日期的函数
2010/03/18 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
javascript编写实用的省市选择器
2015/02/12 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
vue-cli + sass 的正确打开方式图文详解
2017/10/27 Javascript
详解vue移动端项目的适配(以mint-ui为例)
2018/08/17 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
在小程序开发中使用npm的方法
2018/10/17 Javascript
使用electron制作满屏心特效的示例代码
2018/11/27 Javascript
Echart折线图手柄触发事件示例详解
2018/12/16 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
Python实现的石头剪子布代码分享
2014/08/22 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
python实现学生信息管理系统
2020/04/05 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python随机模块random的22种函数(小结)
2020/05/15 Python
python绘制分布折线图的示例
2020/09/24 Python
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
建筑工程技术应届生自荐信
2013/09/27 职场文书
后勤自我鉴定
2013/10/13 职场文书
会计电算化应届生求职信
2013/11/03 职场文书
争先创优公开承诺书
2014/08/30 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
零基础学java之带返回值的方法的定义和调用
2022/04/10 Java/Android