javascript获取元素离文档各边距离的方法


Posted in Javascript onFebruary 13, 2015

本文实例讲述了javascript获取元素离文档各边距离的方法。分享给大家供大家参考。具体实现方法如下:

function getDistance(obj) {  

 if (!obj instanceof jQuery) {  

     obj = $(obj);  

 }  

 var distance = {};  

 distance.top = (obj.offset().top - $(document).scrollTop());  

 distance.bottom = ($(window).height() - distance.top - obj.outerHeight());  

 distance.left = (obj.offset().left - $(document).scrollLeft());  

 distance.right = ($(window).width() - distance.left - obj.outerWidth());  

 return distance;  

}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中for-in遍历方式示例介绍
Feb 11 Javascript
javascript学习笔记(五)原型和原型链详解
Oct 08 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
js获取内联样式的方法
Jan 27 Javascript
jQuery解决input超多的表单提交
Aug 10 Javascript
Jquery easyui 实现动态树
Nov 17 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
May 27 Javascript
jquery层次选择器的介绍
Jan 18 jQuery
jquery.pager.js实现分页效果
Jul 29 jQuery
node.js中对Event Loop事件循环的理解与应用实例分析
Feb 14 Javascript
javascript实现支付宝滑块验证码效果
Jul 24 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 #Javascript
Js控制滑轮左右滑动实例
Feb 13 #Javascript
JavaScript函数作用域链分析
Feb 13 #Javascript
JavaScript匿名函数用法分析
Feb 13 #Javascript
js实现进度条的方法
Feb 13 #Javascript
动态加载js的方法汇总
Feb 13 #Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 #Javascript
You might like
PHP 和 COM
2006/10/09 PHP
php绘制一条直线的方法
2015/01/24 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
JavaScript 判断判断某个对象是Object还是一个Array
2010/01/28 Javascript
jQuery each()小议
2010/03/18 Javascript
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
Jquery ui css framework
2010/06/28 Javascript
JavaScript小技巧 2.5 则
2010/09/12 Javascript
js中的前绑定和后绑定详解
2013/08/01 Javascript
ajax与302响应代码测试
2013/10/23 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
2016/07/27 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
2018/09/21 Javascript
Vue实现可移动水平时间轴
2020/06/29 Javascript
[46:03]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
基于python(urlparse)模板的使用方法总结
2017/10/13 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
Python socket模块方法实现详解
2019/11/05 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
python实现数字炸弹游戏程序
2020/07/17 Python
python修改微信和支付宝步数的示例代码
2020/10/12 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
应届生高等护理求职信
2013/10/12 职场文书
护理专业应届毕业生推荐信
2013/11/15 职场文书
网吧最新创业计划书范文
2014/03/27 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
教师工作决心书
2015/02/04 职场文书
风之谷观后感
2015/06/11 职场文书
2016年圣诞节活动总结范文
2016/04/01 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python
浅谈Python实现opencv之图片色素的数值运算和逻辑运算
2021/06/23 Python