纯文字版返回顶端的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代码示例(重构前后对比)
Jan 23 Javascript
深入理解Javascript动态方法调用与参数修改的问题
Dec 10 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
JavaScript实战之带收放动画效果的导航菜单
Aug 16 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
webpack4.x CommonJS模块化浅析
Nov 09 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
基于原生js实现九宫格算法代码实例
Jul 03 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 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
php中socket的用法详解
2014/10/24 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
PHP 与 js的通信(via ajax,json)
2010/11/16 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
2014/06/23 Javascript
浅析javascript 定时器
2014/12/23 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
js+canvas绘制五角星的方法
2016/01/28 Javascript
浅谈javascript alert和confirm的美化
2016/12/15 Javascript
简单实现JS倒计时效果
2016/12/23 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
2017/08/14 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
[03:08]TI9战队档案 - Vici Gaming
2019/08/20 DOTA
深入理解Python分布式爬虫原理
2017/11/23 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
pycharm安装和首次使用教程
2018/08/27 Python
selenium使用chrome浏览器测试(附chromedriver与chrome的对应关系表)
2018/11/29 Python
CSS3 简写animation
2012/05/10 HTML / CSS
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
财务信息服务专业自荐书范文
2014/02/08 职场文书
交通事故委托书范本
2014/09/28 职场文书
学校师德师风整改方案
2014/10/28 职场文书
音乐教师求职信范文
2015/03/20 职场文书
用人单位聘用意向书
2015/05/11 职场文书
西柏坡观后感
2015/06/08 职场文书
超市店长竞聘书
2015/09/15 职场文书
Python torch.flatten()函数案例详解
2021/08/30 Python
Java异常体系非正常停止和分类
2022/06/14 Java/Android