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;
}

希望本文提供的代码对JavaScript开发有所帮助。