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 使用简明教程
Mar 05 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
javascript实现汉字转拼音代码分享
Apr 20 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
Apr 20 Javascript
JS &amp; JQuery 动态添加 select option
Jun 08 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
Sep 14 Javascript
Javascript函数中的arguments.callee用法实例分析
Sep 16 Javascript
js仿网易表单及时验证功能
Mar 07 Javascript
利用vscode编写vue的简单配置详解
Jun 17 Javascript
jquery实现有过渡效果的tab切换
Jul 17 jQuery
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中的count函数
2016/05/31 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
防止jQuery ajax Load使用缓存的方法小结
2014/02/22 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
jquery对象访问是什么及使用方法介绍
2016/05/03 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
easyui combobox开启搜索自动完成功能的实例代码
2016/11/08 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
2017/06/13 Javascript
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
通过Nodejs搭建网站简单实现注册登录流程
2019/06/14 NodeJs
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
Python基于回溯法子集树模板解决0-1背包问题实例
2017/09/02 Python
Python装饰器用法实例总结
2018/02/07 Python
Java ExcutorService优雅关闭方式解析
2020/05/30 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
Python装饰器如何实现修复过程解析
2020/09/05 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
C语言编程练习
2012/04/02 面试题
事业单位分类改革实施方案
2014/03/21 职场文书
《少年王冕》教学反思
2014/04/11 职场文书
群众路线党员自我评议范文2014
2014/09/24 职场文书
孕妇离婚协议书范本
2014/11/20 职场文书
商务邀请函
2015/01/30 职场文书
污水处理保证书
2015/05/09 职场文书
python爬虫selenium模块详解
2021/03/30 Python