Digamos que tenemos una página con un div en el centro que el usuario puede arrastrar y mover a cualquier lugar. Puedo obtener la posición de este rectángulo usando getBoundingClientRect . Todo esta bien.

Pero ahora, cuando pellizco el zoom ( no ctrl + ) en la página y me desplazo a una sección, esperaba que los valores de getBoundingClientRect cambiaran, pero no lo hacen, y eso es comprensible, ya que los valores de window.scrollX y window.scrollY también siguen siendo los mismos, que es 0 en este caso.

Pero la cuestión es, ¿cómo puedo calcular las coordenadas x e y de la sección de la página con zoom de pellizco que actualmente está visible con respecto al origen de la página?