获取offsetTop和offsetLeft值的js代码(兼容)


Posted in Javascript onApril 16, 2013
function offsetTop( elements ){ 
var top = elements.offsetTop; 
var parent = elements.offsetParent; 
while( parent != null ){ 
top += parent.offsetTop; 
parent = parent.offsetParent; 
}; 
return top; 
}; 
function offsetLeft( elements ){ 
var left = elements.offsetLeft; 
var parent = elements.offsetParent; 
while( parent != null ){ 
left += parent.offsetLeft; 
parent = parent.offsetParent; 
}; 
return parent; 
};
Javascript 相关文章推荐
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 Javascript
Jquery倒计时源码分享
May 16 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
jQuery animate easing使用方法图文详解
Jun 17 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
bootstrap select插件封装成Vue2.0组件
Apr 17 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
Sep 16 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
Jul 27 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 #Javascript
js实现图片轮换效果代码
Apr 16 #Javascript
js相册效果代码(点击创建即可)
Apr 16 #Javascript
jQuery实现点击标题输入详细信息
Apr 16 #Javascript
jQuery图片的展开和收缩实现代码
Apr 16 #Javascript
js变换显示图片的实例
Apr 16 #Javascript
在jQuery中 常用的选择器介绍
Apr 16 #Javascript
You might like
XAMPP安装与使用方法详细解析
2013/11/27 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
常用DOM整理
2015/06/16 Javascript
arguments对象验证函数的参数是否合法
2015/06/26 Javascript
详解Jquery实现ready和bind事件
2016/04/14 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
如何用js实现鼠标向上滚动时浮动导航
2016/07/18 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
jQuery实现可兼容IE6的遮罩功能详解
2017/09/19 jQuery
vue form 表单提交后刷新页面的方法
2018/09/04 Javascript
又拍云 Node.js 实现文件上传、删除功能
2018/10/28 Javascript
JavaScript基础之静态方法和实例方法分析
2018/12/26 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
使用python解析xml成对应的html示例分享
2014/04/02 Python
Python 检查数组元素是否存在类似PHP isset()方法
2014/10/14 Python
Python判断Abundant Number的方法
2015/06/15 Python
Python手机号码归属地查询代码
2016/05/04 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
Linux CentOS7下安装python3 的方法
2018/01/21 Python
Python连接Redis的基本配置方法
2018/09/13 Python
Django 实现图片上传和显示过程详解
2019/07/18 Python
Django多数据库的实现过程详解
2019/08/01 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
使用python tkinter开发一个爬取B站直播弹幕工具的实现代码
2021/02/07 Python
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
领导干部贪图享乐整改措施
2014/09/21 职场文书
中学生检讨书1000字
2014/10/28 职场文书
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript