纯文字版返回顶端的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表单验证大全
Aug 12 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
Aug 02 Javascript
Vue.js中数组变动的检测详解
Oct 12 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
Scala解析Json字符串的实例详解
Oct 11 Javascript
浅析vue中常见循环遍历指令的使用 v-for
Apr 18 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
js代码编写无缝轮播图
Sep 13 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反转字符串函数strrev()函数的用法
2012/02/04 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
PHP实现Soap通讯的方法
2014/11/03 PHP
微信支付开发发货通知实例
2016/07/12 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
jQuery使用手册之一
2007/03/24 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
2013/04/11 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
2014/01/10 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
ES6 Proxy实现Vue的变化检测问题
2019/06/11 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
python学习笔记:字典的使用示例详解
2014/06/13 Python
pyenv命令管理多个Python版本
2017/03/26 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
Python列表解析操作实例总结
2020/02/26 Python
Node.js 和 Python之间该选择哪个?
2020/08/05 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
P D PAOLA意大利官网:西班牙著名的珠宝首饰品牌
2019/09/24 全球购物
如何获得EntityManager
2014/02/09 面试题
智能电子应届生求职信
2013/11/10 职场文书
少先队学雷锋活动总结范文
2014/03/09 职场文书
企业精神口号
2014/06/11 职场文书
新闻发布会策划方案
2014/06/12 职场文书
离婚协议书标准格式
2014/10/04 职场文书
80后婚前协议书范本
2014/10/24 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书
高中升旗仪式主持词
2015/07/03 职场文书
python 标准库原理与用法详解之os.path篇
2021/10/24 Python
MYSQL 运算符总结
2021/11/11 MySQL