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 相关文章推荐
Firefox getBoxObjectFor getBoundingClientRect联系
Oct 26 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
Aug 28 Javascript
javascript将相对路径转绝对路径示例
Mar 14 Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 Javascript
jQuery中not()方法用法实例
Jan 06 Javascript
javascript实现树形菜单的方法
Jul 17 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
vue实现文件上传功能
Aug 13 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
vue实现全匹配搜索列表内容
Sep 26 Javascript
create-react-app中添加less支持的实现
Nov 15 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
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 彩色文字实现代码
2009/06/29 PHP
php中time()和mktime()方法的区别
2013/09/28 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
PHP发送短信代码分享
2015/08/11 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
javascript实现加载xml文件的方法
2015/11/24 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
Boostrap模态窗口的学习小结
2016/03/28 Javascript
jQuery获取cookie值及删除cookie用法实例
2016/04/15 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
jquery中each循环的简单回滚操作
2017/05/05 jQuery
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
python框架django项目部署相关知识详解
2019/11/04 Python
python 调用API接口 获取和解析 Json数据
2020/09/28 Python
ASP.NET Core中的配置详解
2021/02/05 Python
检测浏览器是否支持html5视频的代码
2013/03/28 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
意大利拉斐尔时尚购物网:Raffaello Network(支持中文)
2018/11/09 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
二人合伙经营协议书
2014/09/13 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书
Spring Boot实战解决高并发数据入库之 Redis 缓存+MySQL 批量入库问题
2022/02/12 Redis
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis