返回到顶部JS实现
2015-09-09 16:51
399 查看
可以通过#锚点的方式,但是这种方式没有滚动的效果,而是一下子跳过去的。JS提供了一个柔和的方法,一个简单的返回顶部函数
function pageScroll(){ //把内容滚动指定的像素数(第一个参数是向右滚动的像素数,第二个参数是向下滚动的像素数) window.scrollBy(0,-100); //延时递归调用,模拟滚动向上效果 scrolldelay = setTimeout('pageScroll()',100); //获取scrollTop值,声明了DTD的标准网页取document.documentElement.scrollTop,否则取document.body.scrollTop;因为二者只有一个会生效,另一个就恒为0,所以取和值可以得到网页的真正的scrollTop值 var sTop=document.documentElement.scrollTop+document.body.scrollTop; //判断当页面到达顶部,取消延时代码(否则页面滚动到顶部会无法再向下正常浏览页面) if(sTop==0) clearTimeout(scrolldelay); }
相关文章推荐
- 运用JS设置cookie、读取cookie、删除cookie
- VS2010常用插件介绍之Javascript插件
- 如何用js获取表单中的值
- js confirm用法
- JavaScript 获取当前时间戳的代码
- 【bzoj1028】【JSOI2007】【麻将】
- 【js】JSON.stringify 语法实例讲解
- fastjson生成和解析json数据,序列化和反序列化数据
- 简单实现兼容各大浏览器的js复制内容到剪切板
- Sencha Architect3 Extjs 01 准备工作
- JavaScript螺纹的问题和答案
- Jsoncpp简介
- 转化一个数字数组为function数组(每个function都弹出相应的数字),闭包的使用
- NewtonSoft.json 序列化和反序列化实例
- 浅谈javascript函数劫持
- javascript -- 判断是否为某个数据类型
- 用JS判断IE版本的代码
- js基本概念注意点—数据类型
- 找出数值数组中最大的元素(使用Math.max函数)
- Json学习笔记