How to get the distance between an element and each edge of the document using javascript_javascript skills

The example in this article describes the method of obtaining the distance of an element from each edge of the document using javascript. Share it with everyone for your reference. The specific implementation method is as follows:

Copy code The code is as follows:

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

I hope this article will be helpful to everyone’s JavaScript programming design.