1

Tengo un div <div class="contenedor">Contenido...</div> al cual le apliqué los estilos css:

.contenedor {
    max-height: 500px;
    overflow: auto;
}

para que éste tenga un scroll y un alto máximo del tamaño especificado, cada que recargo la página éste me muestra el scroll en la parte superior, osea muestra el contenido que ésta arriba. Necesito que me muestre al cargar la página o cuando yo lo requiera que se muestre la parte final del contenedor, osea que el scroll esté hasta el final.

1 respuesta 1

3

Prueba con esto

var objDiv = document.getElementById("contenedor");
objDiv.scrollTop = objDiv.scrollHeight;
#contenedor {
    border: 1px solid red;
    max-width: 100px;
    max-height: 100px;
    overflow: auto;
}
<div id="contenedor">Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Contenido...
Final
</div>

Donde jugamos con la propiedad scrollTop para asignarle el desplazamiento del scroll y el atributo scrollHeight para conocer la altura del contenido actual.

1
  • Perfecto, muchas gracias; me sirvió.
    – Andy White
    Commented el 30 jun. 2022 a las 18:14

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.