js滚动条回到顶部的代码


Posted in Javascript onDecember 06, 2011

虽然平滑性处理的不好,但非常适合学习

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type="text/javascript"> 
//怎么获取网页的高度 让页面一出来就滚动条在最底端 
function myScroll() 
{ 
//前边是获取chrome等一般浏览器 如果获取不到就是ie了 就用ie的办法获取 
var x=document.body.scrollTop||document.documentElement.scrollTop; 
var timer=setInterval(function(){ 
x=x-100; 
if(x<100) 
{ 
x=0; 
window.scrollTo(x,x); 
clearInterval(timer); 
} 
window.scrollTo(x,x); 
},"250"); 
} 
</script> 
<title></title> 
</head> 
<body id="bd"> 
<div> 
<div style="height:1000px;">初始化</div> 
<div style="height:1000px"> 
<div 
style="position:fixed;right:10px;bottom:50px;width:20px;height:70px;background-color:red;cursor:hand;" 
onclick="myScroll()">返回顶端</div> 
</div> 
</body> 
</html>
Javascript 相关文章推荐
基于jQuery.Validate验证库知识点的详解
Apr 26 Javascript
JS判定是否原生方法
Jul 22 Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
省市二级联动小案例讲解
Jul 24 Javascript
浅谈jQuery中ajaxPrefilter的应用
Aug 01 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
vue登录注册实例详解
Sep 14 Javascript
JS实现滑动拼图验证功能完整示例
Mar 29 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 Javascript
javascript检测浏览器flash版本的实现代码
Dec 06 #Javascript
javascript 随机展示头像实现代码
Dec 06 #Javascript
jQuery中需要注意的细节问题小结
Dec 06 #Javascript
jQuery load方法用法集锦
Dec 06 #Javascript
基于JQuery实现的类似购物商城的购物车
Dec 06 #Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
Dec 06 #Javascript
js Function类型
Dec 04 #Javascript
You might like
解析PHP的session过期设置
2013/06/29 PHP
php自定义分页类完整实例
2015/12/25 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
2011/03/01 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
Angularjs 基础入门
2014/12/26 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
JavaScript实现弹出广告功能
2017/03/30 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
JS实现的全排列组合算法示例
2017/10/09 Javascript
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
vue移动端实现下拉刷新
2018/04/22 Javascript
Vue自定义全局Toast和Loading的实例详解
2019/04/18 Javascript
webpack-mvc 传统多页面组件化开发详解
2019/05/07 Javascript
vue动态注册组件实例代码详解
2019/05/30 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
Python中给List添加元素的4种方法分享
2014/11/28 Python
Python装饰器实现几类验证功能做法实例
2017/05/18 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
关于python写入文件自动换行的问题
2018/06/23 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
用CSS3实现无限循环的无缝滚动的示例代码
2017/11/01 HTML / CSS
浅析HTML5中header标签的用法
2016/06/24 HTML / CSS
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
迪卡侬波兰体育用品商店:Decathlon波兰
2020/03/31 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
高级护理实习生自荐信
2013/09/28 职场文书
财务会计大学生自我评价
2014/04/09 职场文书
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript