Traté de obtener las coordenadas del Bloque-1 y desplacé la página hacia él, pero hice algo mal =( ¿Cómo obtener las coordenadas html del elemento del Bloque-1 y desplazar la página hacia él?
let elem = document.querySelector('.Block-1'); let coords = elem.getBoundingClientRect(); elem.style.top = coords.bottom + 'px'; window.scrollTo({ top: elem, behavior: "smooth" }); .Block-1 { margin-top: 500px; border: 1px solid black; font-size: 30px; padding: 50px; } <div class="Block-1"> Scroll here </div>Usted estaba en el camino correcto. La propiedad superior de scrollTo() es la propiedad superior de getBoundingClientRect() . Entonces, top: coords.top .
let elem = document.querySelector('.Block-1:nth-child(2)'); let coords = elem.getBoundingClientRect(); window.scrollTo({ top: coords.top, behavior: "smooth" }); .Block-1 { margin-top: 500px; border: 1px solid black; font-size: 30px; padding: 50px; } <div class="Block-1"> Not here </div> <div class="Block-1"> Scroll here </div> <div class="Block-1"> Not here </div>