2012-09-15 13 views
8

Utilicé slimScroll en mi página web con el contenido agregado por AJAX.Desplácese hacia arriba con el complemento slimscroll

Si me desplazo hacia abajo del rollo y luego vuelvo a cargar con más contenido (carga AJAX), la barra de desplazamiento siempre mantiene su posición igual que antes.

Me pregunto si el slimScroll tiene alguna función a la que pueda llamar para desplazarse hacia arriba después de cargar el nuevo contenido?

Respuesta

5

Desde la versión 1.0.0 si es necesario desplazarse hasta la parte superior se puede utilizar en la construcción scrollTo método:

$(element).slimScroll({ scrollTo: '0' });

+1

Gracias Rochal por su gran complemento, es realmente uno de los mejores que puedo encontrar en Internet, pero parece que de esta manera no puede resolver mi problema. La barra de desplazamiento todavía mantiene su posición después de volver a cargar el contenido usando ajax – Ichigo

+2

I tener este mismo problema. El contenido se desplaza hacia la parte superior, pero la barra de desplazamiento permanece en su posición. Alguien tiene alguna idea adicional sobre esto? –

21

no creo que la opción scroll descrito por @rochal va para trabajar en este momento, ya que no parece ser usado por the version currently up on GitHub. En su lugar, intente scrollTo o scrollBy.

Para desplazarse a la parte superior:

$('#elem_id').slimScroll({ scrollTo : '0px' }); 

el contrario, si desea desplazarse a la parte inferior, a continuación, el siguiente debería funcionar:

var scrollTo_val = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({ scrollTo : scrollTo_val }); 
+2

Funciona bien para el desplazamiento hacia abajo. – gfivehost

+1

Te amo. Realmente lo hago Bueno, me acabas de ayudar mucho con esto :) – Placeable

0

Alternativamente, puede utilizar Javascript para resolver estos problemas ...

document.getElementById("element-id").scrollTop = document.getElementById("element-id").scrollHeight; 

element-id es el id de su c ontenido área (normalmente su div) ..

ejecutar este código cuando el nuevo contenido se agrega a su div

2

Este código se ha quedado para mí.

var scrollTo_int = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({scrollTo : scrollTo_int }); 

Esto tomará la barra de desplazamiento en la posición inferior y también tomará el contenido en la parte inferior de la div.

+0

Gracias. Esto está funcionando perfectamente. –

Cuestiones relacionadas