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 相关文章推荐
妙用Jquery的val()方法
Jun 27 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
Aug 08 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 Javascript
JavaScript+H5实现微信摇一摇功能
May 23 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
Jul 30 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
May 21 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 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 开发工具
2006/12/06 PHP
Yii框架登录流程分析
2014/12/03 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
2015/08/25 PHP
PHP设计模式之适配器模式(Adapter)原理与用法详解
2019/12/12 PHP
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
jstl中判断list中是否包含某个值的简单方法
2016/10/14 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
Vue.js如何实现路由懒加载浅析
2017/08/14 Javascript
vue router demo详解
2017/10/13 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
vue.js仿hover效果的实现方法示例
2019/01/28 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
原生js滑动轮播封装
2020/07/31 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
Python lambda和Python def区别分析
2014/11/30 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
python tkinter控件布局项目实例
2019/11/04 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
Python如何输出警告信息
2020/07/30 Python
中国旅游网站:同程旅游
2016/09/11 全球购物
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
德国家具折扣店:POCO
2020/02/28 全球购物
大学生个人总结的自我评价
2013/10/05 职场文书
社区党总支书记先进事迹材料
2014/01/24 职场文书
优秀士兵先进事迹
2014/02/06 职场文书
啤酒节策划方案
2014/05/28 职场文书
委托函范文
2015/01/29 职场文书
2015年工程师工作总结
2015/04/30 职场文书
多表查询、事务、DCL
2021/04/05 MySQL
MySQL 聚合函数排序
2021/07/16 MySQL