javascript获取元素离文档各边距离的方法
更新时间：2015年02月13日 11:15:59 作者：apollokk
这篇文章主要介绍了javascript获取元素离文档各边距离的方法,以一个自定义函数形式分析了javascript针对文档各边距离的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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;
}
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程序设计有所帮助。
相关文章
Bootstrap 3.x打印预览背景色与文字显示异常的解决
前几天同事有个问题咨询我，他在调用print()来打印页面，发现打印预览页面上的背景色无法显示以及文字总是显示为黑色，感觉非常奇怪，我通过测试发现是Bootstrap的问题，现在将解决的方法分享给大家，希望可以帮助到同样遇到这个问题的朋友们，下面来一起看看。2016-11-11
函数定义可以嵌套在其他函数中，常用作子函数。但不能出现在循环或条件语句中。2008-10-10
这篇文章主要介绍了javascript基于DOM实现权限选择的方法,实例分析了javascript针对页面元素的动态选择与添加删除等操作的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
我的js类jdhcn.js中的一个flashDebug方法2009-01-01
本篇文章主要介绍了Javascript 实现匿名递归的实例代码，利用 arguments.callee 来实现匿名递归的方式。有兴趣的可以了解一下2017-05-05
这篇文章主要介绍了JavaScript实现串行请求的示例代码，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2020-09-09
本篇文章主要是对JS判断表单输入是否为空的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
惊云JS随机排序程序随机显示信息-每次新闻显示顺序都不一样...2007-11-11
今天小编就为大家分享一篇layui关闭层级、简单监听的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
Javascript的promise,async和await的区别详解
这篇文章主要为大家详细介绍了Javascript的promise,async和await的区别，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
最新评论