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 相关文章推荐
比较全的JS checkbox全选、取消全选、删除功能代码
Dec 19 Javascript
js Form.elements[i]的使用实例
Nov 13 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
JavaScript实现输入框与清空按钮联动效果
Sep 09 Javascript
vue之数据交互实例代码
Jun 20 Javascript
详解vscode中vue代码颜色插件
Oct 11 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
javascript实现拼图游戏
Jan 29 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静态文件生成类实例
2014/11/29 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
js每次Title显示不同的名言
2008/09/25 Javascript
Javascript 获取LI里的内容
2008/12/17 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
JS 修改URL参数(实现代码)
2013/07/08 Javascript
js单例模式详解实例
2013/11/21 Javascript
js获取form的方法
2015/05/06 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
JS实现搜索关键词的智能提示功能
2017/07/07 Javascript
vue后台管理之动态加载路由的方法
2018/08/13 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
python实现监控windows服务并自动启动服务示例
2014/04/17 Python
零基础写python爬虫之urllib2使用指南
2014/11/05 Python
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
深入理解Python中装饰器的用法
2016/06/28 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
Python进阶篇之字典操作总结
2016/11/16 Python
python实现两张图片的像素融合
2019/02/23 Python
pygame实现烟雨蒙蒙下彩虹雨
2019/11/11 Python
python解包用法详解
2021/02/17 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
如何实现一个自定义类的序列化
2012/05/22 面试题
运动会宣传口号
2014/06/09 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
英语教学课后反思
2016/02/15 职场文书
小公司融资,商业计划书的8切记
2019/07/15 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书