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 02 Javascript
js字符编码函数区别分析
Dec 28 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
JS实现适合于后台使用的动画折叠菜单效果
Sep 21 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
node.js的http.createServer过程深入解析
Jun 06 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 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中防止SQL注入的最佳解决方法
2013/04/25 PHP
解析php防止form重复提交的方法
2013/07/01 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
angularjs 缓存的使用详解
2018/03/19 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
微信小程序入口场景的问题集合与相关解决方法
2019/06/26 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
Python数据库的连接实现方法与注意事项
2016/02/27 Python
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
win10系统下Anaconda3安装配置方法图文教程
2018/09/19 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
Python中Numpy mat的使用详解
2019/05/24 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
网游商务专员求职信
2013/10/15 职场文书
部队党性分析材料
2014/02/16 职场文书
公务员保密承诺书
2014/03/27 职场文书
师范生求职信
2014/06/14 职场文书
励志演讲稿300字
2014/08/21 职场文书
故宫导游词
2015/01/31 职场文书
银行催款通知书
2015/04/17 职场文书