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 相关文章推荐
扩展javascript的Date方法实现代码(prototype)
Nov 20 Javascript
jQuery 源码分析笔记(4) Ready函数
Jun 02 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
JS仿hao123导航页面图片轮播效果
Sep 01 Javascript
Angular2 多级注入器详解及实例
Oct 30 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
vue.js编译时给生成的文件增加版本号
Sep 17 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
Vue3 中的数据侦测的实现
Oct 09 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
Laravel 5框架学习之表单验证
2015/04/08 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
基于jquery的15款幻灯片插件
2011/04/10 Javascript
JS 加入收藏夹的代码(主流浏览器通用)
2013/05/13 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
全面解析Angular中$Apply()及$Digest()的区别
2016/08/04 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
深入理解NumPy简明教程---数组2
2016/12/17 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
django最快程序开发流程详解
2019/07/19 Python
Win10用vscode打开anaconda环境中的python出错问题的解决
2020/05/25 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
原生canvas制作画图小工具的踩坑和爬坑
2020/06/09 HTML / CSS
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
研究生自荐信
2013/10/09 职场文书
生产部经理岗位职责
2013/12/16 职场文书
基层干部2014全国两会学习心得体会
2014/03/10 职场文书
环保建议书
2014/03/12 职场文书
年会搞笑主持词串词
2014/03/24 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
公务员政审个人总结
2015/02/12 职场文书
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle
vue实现Toast组件轻提示
2022/04/10 Vue.js
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js