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加ASP二级域名转向的代码
May 17 Javascript
js函数调用常用方法详解
Dec 03 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
当达到输入长度时表单自动切换焦点
Apr 06 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
VUE中v-model和v-for指令详解
Jun 23 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
Mar 20 Javascript
vue+element-ui动态生成多级表头的方法
Aug 28 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 Javascript
JS实现纸牌发牌动画
Jan 19 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 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
PHP合并两个数组的两种方式的异同
2012/09/14 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
php实现通过ftp上传文件
2015/06/19 PHP
PHP超低内存遍历目录文件和读取超大文件的方法
2019/05/01 PHP
自动更新作用
2006/10/08 Javascript
Extjs学习笔记之二 初识Extjs之Form
2010/01/07 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
JqGrid web打印实现代码
2011/05/31 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
javascript数组去重小结
2016/03/07 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
详解angularjs 学习之 scope作用域
2018/01/15 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
详解从NodeJS搭建中间层再谈前后端分离
2018/11/13 NodeJs
[01:57]DOTA2上海特锦赛小组赛解说单车采访花絮
2016/02/27 DOTA
pandas数据分组和聚合操作方法
2018/04/11 Python
python 实现敏感词过滤的方法
2019/01/21 Python
在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例
2019/01/29 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
将python2.7添加进64位系统的注册表方式
2019/11/20 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
解决pycharm最左侧Tool Buttons显示不全的问题
2019/12/17 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
指针和引用有什么区别
2013/01/13 面试题
医大实习自我鉴定
2013/12/07 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
python opencv将多个图放在一个窗口的实例详解
2022/02/28 Python