JavaScript: come ottenere le coordinate di un elemento rispetto alla viewport

JavaScript
11/07/2021
Gabriele Romanato

JavaScript offre un semplice modo per ottenere le coordinate di un elemento rispetto alla viewport.

La soluzione è la seguente:


'use strict';

const offset = element => {
    
    const rect = element.getBoundingClientRect();

    return {
      top: rect.top + document.body.scrollTop,
      left: rect.left + document.body.scrollLeft
    };
};