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 相关文章推荐
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
JQuery 常用方法和事件详细介绍
Apr 18 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
Nov 19 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
jQuery获取file控件中图片的宽高与大小
Aug 04 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
JavaScript严格模式下关于this的几种指向详解
Jul 12 Javascript
基于vue 动态加载图片src的解决方法
Feb 05 Javascript
在create-react-app中使用css modules的示例代码
Jul 31 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 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
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
php mysql 封装类实例代码
2016/09/18 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
iis6手工创建网站后无法运行php脚本的解决方法
2017/06/08 PHP
PHP操作Redis数据库常用方法示例
2018/08/25 PHP
tp5(thinkPHP5框架)使用DB实现批量删除功能示例
2019/05/28 PHP
php+layui数据表格实现数据分页渲染代码
2019/10/26 PHP
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
2017/07/19 Javascript
vue中七牛插件使用的实例代码
2017/07/28 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
angular-tree-component的使用详解
2018/07/30 Javascript
基于vue-cli npm run build之后vendor.js文件过大的解决方法
2018/09/27 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
2020/02/12 Javascript
vue实现移动端input上传视频、音频
2020/08/18 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例
2018/08/04 Python
Python list与NumPy array 区分详解
2019/11/06 Python
使用python快速实现不同机器间文件夹共享方式
2019/12/22 Python
解决Tensorboard 不显示计算图graph的问题
2020/02/15 Python
python计算auc的方法
2020/09/09 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
python复合条件下的字典排序
2020/12/18 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
图书室管理制度
2014/01/19 职场文书
高中课程设置方案
2014/05/28 职场文书
观看《信仰》心得体会
2016/01/15 职场文书
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技