Método para desplazar la ventana a un elemento en JavaScript

El método scrollIntoView desplaza la ventana al elemento especificado. El método se aplica al elemento al que se debe desplazar la ventana. El parámetro del método regula dónde debe quedar el elemento: en la parte superior de la ventana o en la inferior.

Veamos algunos ejemplos. Desplacemos la ventana para que el elemento quede en la parte superior de la ventana:

elem.scrollIntoView(true);

Y ahora desplacemos la ventana para que el elemento quede en la parte inferior de la ventana:

elem.scrollIntoView(false);

También se puede pasar un objeto con configuraciones como parámetro. Desplacemos suavemente la ventana al elemento:

elem.scrollIntoView({
	behavior: 'smooth',
});

El objeto de configuración también tiene ajustes de alineación de la página en relación con el elemento. El ajuste block establece la alineación vertical, y el ajuste inline - la horizontal. Pueden tomar los siguientes valores: 'start', 'center', 'end', 'nearest'.

Probemos:

elem.scrollIntoView({
	behavior: 'smooth',
	block: 'start',
	inline: 'end',
});

Se dan un elemento y un botón. Al pulsar el botón, desplace la página a este elemento. Pruebe todas las funcionalidades descritas.