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 页面执行时间计算代码
Mar 04 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
May 28 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
浅析JavaScript Array和string的转换(推荐)
May 20 Javascript
Javascript中的prototype与继承
Feb 06 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
mui框架 页面无法滚动的解决方法(推荐)
Jan 25 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
Feb 22 Javascript
浅谈小程序globalData的那些事儿
Nov 01 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 Vue.js
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/10/09 PHP
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
php实现删除空目录的方法
2015/03/16 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
document.getElementById介绍
2011/09/13 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
js中不同的height, top的区别对比
2015/09/24 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
利用Angularjs和bootstrap实现购物车功能
2016/08/31 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
在Vue项目中引入腾讯验证码服务的教程
2018/04/03 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
利用python画一颗心的方法示例
2017/01/31 Python
Python运行不显示DOS窗口的解决方法
2018/10/22 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
鲜为人知的HTML5语音合成功能
2019/05/17 HTML / CSS
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
健身场所或家用健身设备:Life Fitness
2017/11/01 全球购物
数控专业个人求职信范文
2014/02/05 职场文书
销售竞赛活动方案
2014/08/23 职场文书
离婚起诉书范本
2015/05/18 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
红十字会救护培训简讯
2015/07/20 职场文书
新学期主题班会
2015/08/17 职场文书
maven依赖的version声明控制方式
2022/01/18 Java/Android
在Windows Server 2012上安装 .NET Framework 3.5 所遇到的问题
2022/04/29 Servers