Retornar posição x y de um elemento HTML com JavaScript
207d atrás
É possível retornar a posição de um elemento HTML com o método Element.getBoundingClientRect() do #JavaScript.
Sua chamada pode ser feita da seguinte maneira:
const el = document.querySelector('.position'); // Qualquer elemento HTML
el.getBoundingClientRect();
O método retorna um objeto DOMRect:
{
bottom: 100, // y + height, ou y se height for negativo
height: 100, // A altura do elemento
left: 0, // Coordenada left do elemento, x, ou x + width se width for negativo
right: 100, // x + width, ou x se width for negativo
top: 0, // Coordenada top do elemento, y, ou y + height se height for negativo
width: 100, // A largura do elemento
x: 0, // Coordenada x do elemento
y: 0 // Coordenada y do elemento
}
Comentários (0)