formulario - ¿Cómo desplazarse hasta la parte superior de un div usando jquery?

centrar imagen css

Question

Tengo un gridview dentro de un div ... Quiero desplazarme hacia la parte superior del div desde la parte inferior del div usando jquery ... Cualquier sugerencia ...

<div id="GridDiv">
// gridview inside...
</div>

Mi vista de cuadrícula tendrá botones de enlace generados en la paginación personalizada en ella ... Me desplazaré hacia la parte superior de la div desde la parte inferior del botón de enlace, haga clic en ...

protected void Nav_OnClick(object sender, CommandEventArgs e)
{
LinkButton lb1 = (LinkButton)sender;
//string s = lb1.ID;
ScriptManager.RegisterClientScriptBlock(lb1, typeof(LinkButton),
"scroll", "javascript:document.getElementById(''GridDiv'').scrollTop = 0;", true);

En lugar de javascript llamaré a la función jquery ... Cualquier sugerencia ...

EDITAR:

Exactamente como las preguntas de Stackoverflow por página de usuario ... Al cambiar los números de página, se desplaza hacia arriba con un efecto suave ... Quiero lograr que ...

Answer 1

Esto es lo que puedes hacer usando jquery:

$(''#A_ID'').click(function (e) { //#A_ID is an example. Use the id of your Anchor
$(''html, body'').animate({
scrollTop: $(''#DIV_ID'').offset().top - 20 //#DIV_ID is an example. Use the id of your destination on the page
}, ''slow'');
});

Answer 2

No sé por qué, pero tienes que agregar un setTimeout con al menos 200ms para mí:

setTimeout( function() {$("#DIV_ID").scrollTop(0)}, 200 );

Probado con Firefox / Chrome / Edge.

Answer 3

O, por menos código, dentro de su clic usted coloca:

setTimeout(function )( { $(''#DIV_ID'').scrollTop(0); }, 500);

Answer 4

Podrías usar:

<div id="GridDiv">
// gridview inside...
</div>
<a href="#GridDiv">Scroll to top</a>

Answer 5

Use la siguiente función

window.scrollTo(xpos, ypos)

Aquí se requiere xpos. Las coordenadas para desplazarse, a lo largo del eje x (horizontal), en píxeles

ypos también es obligatorio. Las coordenadas para desplazarse, a lo largo del eje y (vertical), en píxeles