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 特殊字符
Apr 05 Javascript
JavaScript Sort 表格排序
Oct 31 Javascript
验证手机号码的JS方法分享
Sep 10 Javascript
禁用JavaScript控制台调试的方法
Mar 07 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
Apr 17 Javascript
jQuery数据缓存用法分析
Feb 20 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
bootstrap轮播模板使用方法详解
Nov 17 Javascript
Vuex提升学习篇
Jan 11 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
用 js 写一个 js 解释器过程详解
Aug 02 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
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
PHP异步调用socket实现代码
2012/01/12 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
2015/07/04 PHP
PHP的Laravel框架中使用消息队列queue及异步队列的方法
2016/03/21 PHP
如何让PHP编码更加好看利于阅读
2019/05/12 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
2014/04/02 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
jquery获取节点名称
2015/04/26 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
2017/05/26 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
微信小程序模板template简单用法示例
2018/12/04 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
js实现图片实时时钟
2020/01/15 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
[01:27:43]VGJ.S vs TNC Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
Django框架使用富文本编辑器Uedit的方法分析
2018/07/31 Python
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
keras在构建LSTM模型时对变长序列的处理操作
2020/06/29 Python
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
酒吧总经理岗位职责
2013/12/10 职场文书
小学生保护环境倡议书
2014/05/15 职场文书
工作检讨书大全
2015/01/26 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
小学2016年第十八届推普周活动总结
2016/04/05 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
MySQL中in和exists区别详解
2021/06/03 MySQL