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绑定原理 简单解析与实现代码分享
Sep 06 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
Mar 14 Javascript
整理关于Bootstrap过渡动画的慕课笔记
Mar 29 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
JS原型与继承操作示例
May 09 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
JavaScript中的相等操作符使用详解
Dec 21 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 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
4月1日重磅发布!《星际争霸II》6.0.0版本更新
2020/04/09 星际争霸
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
php 强制下载文件实现代码
2013/10/28 PHP
一个简单至极的PHP缓存类代码
2015/10/23 PHP
PHP FileSystem 文件系统常用api整理总结
2019/07/12 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
关于php开启错误提示的总结
2019/09/24 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
移动节点的jquery代码
2014/01/13 Javascript
浅谈JavaScript字符集
2014/05/22 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
2015/08/11 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
JavaScript手机振动API
2016/06/11 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
彻底弄懂 JavaScript 执行机制
2018/10/23 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
2020/07/09 Javascript
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
python 根据pid杀死相应进程的方法
2017/01/16 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
用TensorFlow实现多类支持向量机的示例代码
2018/04/28 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
在pycharm中实现删除bookmark
2020/02/14 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
2020/12/14 Python
售前工程师职业生涯规划
2014/03/02 职场文书
校园安全标语
2014/06/07 职场文书
农行心得体会
2014/09/02 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
学会Python数据可视化必须尝试这7个库
2021/06/16 Python