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 document.createDocumentFragment()
Apr 04 Javascript
学习ExtJS(一) 之基础前提
Oct 07 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
Jan 27 Javascript
探究Vue.js 2.0新增的虚拟DOM
Oct 20 Javascript
Javascript实现登录记住用户名和密码功能
Mar 22 Javascript
js replace 全局替换的操作方法
Jun 12 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
nuxt 服务器渲染动态设置 title和seo关键字的操作
Nov 05 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 SPL使用方法和他的威力
2013/11/12 PHP
php模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(中)
2017/06/11 PHP
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
React Native日期时间选择组件的示例代码
2018/04/27 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
基于Vue的侧边目录组件的实现
2020/02/05 Javascript
JavaScript组合模式---引入案例分析
2020/05/23 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[01:20:05]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第二场 2月5日
2021/03/11 DOTA
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
python进程间通信Queue工作过程详解
2019/11/01 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
python中altair可视化库实例用法
2021/01/26 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
详解HTML5表单新增属性
2016/12/21 HTML / CSS
HTML5之SVG 2D入门8—文档结构及相关元素总结
2013/01/30 HTML / CSS
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
伦敦一卡通:The London Pass
2018/11/30 全球购物
即兴演讲稿
2014/01/04 职场文书
火锅店创业计划书范文
2014/02/02 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
关于对大人不礼貌的检讨书
2014/09/29 职场文书
六查六看自查报告
2014/10/14 职场文书
死亡赔偿协议书
2015/01/28 职场文书
教师求职自荐信范文
2015/03/04 职场文书
餐饮服务食品安全承诺书
2015/04/29 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS