Tengo un div con barra de desplazamiento vertical. Contiene una lista de 20 canciones, con títulos de longitud variable. En un momento dado, el div puede mostrar solo 7 canciones.
Puedo resaltar la canción que se está reproduciendo en el div, sin embargo, permanece oculta debajo del div, ya que pasar a la siguiente canción actualiza la página y el div se desplaza hacia arriba.
P. ¿Cómo desplazo el div de modo que la canción actual (y preferiblemente la anterior y la siguiente) permanezcan siempre en la vista?
¡Cualquier punto es muy apreciado!
Una cosa que puede ayudar es revisar el método scrollIntoView . Si tiene una clase (o ID) única en su elemento, podría llamar a algo como
document.getElementById("active-song").scrollIntoView({behavior: "smooth", block: "center"})
que ubicaría el elemento con una ID de active-song , y lo desplazaría suavemente hacia el centro de la vista (lo que debería dejar visibles las canciones anteriores y siguientes)