poner - no aparece barra de desplazamiento html
¿Cómo puedo desplazar programáticamente un div con sus propias barras de desplazamiento? (5)
Tengo una página HTML con un DIV interno utilizado para el contenido. El DIV interno tiene sus propias barras de desplazamiento. Me gustaría desplazarme automáticamente a una cierta posición en el DIV.
¿Cómo puedo hacer esto? (Tenga en cuenta que NO quiero desplazar automáticamente las barras de desplazamiento de la ventana; ya sé cómo hacerlo)
Se necesita una solución multiplataforma
Agrega un div (donde quieres desplazarte):
<div id="#scroll-here">Test..</div>
y añade un enlace como este:
<a href="#scroll-here">Scroll to Test</a>
Si quieres un desplazamiento suave puedes revisar this
Recomendaría echar un vistazo al plugin scrollTo jQuery . Es un complemento muy útil que te permite animar un desplazamiento dentro de cualquier elemento. He configurado un pequeño ejemplo en jsFiddle que demuestra cómo funciona. El ejemplo muestra cómo se "desplaza hacia" la tercera p en el primer div , y luego la segunda p en el segundo div . Una cosa que vale la pena mencionar es que para asegurar que la position().top es correcta, deberá configurar el div contiene para que tenga una position: relative; . Esperemos que esto no sea demasiado problema sin embargo. :)
Siempre que JavaScript sea aceptable, creé una demostración usando jQuery que usa un elemento conocido con un ID dentro del div .
$(function() {
var testOffset = $(''#test'').offset(),
scrollOffset = $(''#scroll'').offset();
$(''#scroll'').scrollTop(testOffset.top - scrollOffset.top);
});
Si solo sabe qué tan lejos, en términos de píxeles, en lugar de a un elemento específico, podría adaptarse a:
$(function() {
$(''#scroll'').scrollTop(100);
});
existe este método .scrollTo() que puede ayudarte a desplazarte por tus divs. Pruébalo para más información visita here
El div tiene una propiedad scrollTop que puede establecer (y su pal, scrollLeft ).