Comment obtenir la distance entre un élément et chaque bord du document en utilisant les compétences javascript_javascript

L'exemple de cet article décrit la méthode d'obtention de la distance d'un élément à chaque bord du document en utilisant javascript. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

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()
); distance de retour ;
>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.