javascript获取元素离文档各边距离的方法_javascript技巧
程序员文章站
2022-05-21 08:40:09
...
本文实例讲述了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程序设计有所帮助。
推荐阅读
-
JS获取并操作iframe中元素的方法_javascript技巧
-
获取HTML DOM节点元素的方法的总结_javascript技巧
-
javascript获取元素离文档各边距离的方法_javascript技巧
-
javascript获取元素偏移量的方法有哪些_javascript技巧
-
获取元素距离浏览器周边的位置的方法getBoundingClientRect_javascript技巧
-
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法_javascript技巧
-
获取HTML DOM节点元素的方法的总结_javascript技巧
-
javascript获取元素离文档各边距离的方法_javascript技巧
-
js获取json元素数量的方法_javascript技巧
-
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法_javascript技巧