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 相关文章推荐
ie下动态加态js文件的方法
Sep 13 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
Feb 10 Javascript
jquery中文乱码的多种解决方法
Jun 21 Javascript
jquery事件重复绑定的快速解决方法
Jan 03 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
Aug 23 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
在create-react-app中使用sass的方法示例
Oct 01 Javascript
vue实现在线翻译功能
Sep 27 Javascript
JavaScript中的null和undefined用法解析
Sep 30 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 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中动态显示签名和ip原理
2007/03/28 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
jquery乱码与contentType属性设置问题解决方案
2013/01/07 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
2013/11/14 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
js实现非常棒的弹出div
2016/10/06 Javascript
原生JS实现的轮播图功能详解
2018/08/06 Javascript
解决vue的变量在settimeout内部效果失效的问题
2018/08/30 Javascript
JQuery中queue方法用法示例
2019/01/31 jQuery
解决vue 退出动画无效的问题
2020/08/09 Javascript
vue打开其他项目页面并传入数据详解
2020/11/25 Vue.js
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
python类定义的讲解
2013/11/01 Python
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
简单介绍Python中的readline()方法的使用
2015/05/24 Python
python基础教程之匿名函数lambda
2017/01/17 Python
Python算法应用实战之栈详解
2017/02/04 Python
关于numpy中np.nonzero()函数用法的详解
2017/02/07 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
python中 * 的用法详解
2019/07/10 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
Python字典生成式、集合生成式、生成器用法实例分析
2020/01/07 Python
使用keras时input_shape的维度表示问题说明
2020/06/29 Python
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
美国校服网上商店:French Toast
2019/10/08 全球购物
金融专业个人求职信
2013/09/22 职场文书
招商专员岗位职责
2014/02/08 职场文书
合伙协议书范本
2014/04/21 职场文书
2015团员个人年度总结
2015/11/24 职场文书
祝福语集锦:送给闺蜜的生日祝福语
2019/10/08 职场文书