Pregunta Desplácese hasta la parte superior de la página usando JavaScript / jQuery?


Tengo una <button> en la página, cuando se presiona este botón, se oculta <div> se muestra usando jQuery.

¿Cómo me desplazo a la parte superior de la página usando un comando JavaScript / jQuery en esa función? Es deseable incluso si la barra de desplazamiento salta instantáneamente a la parte superior. No estoy buscando un desplazamiento suave.


1271
2017-07-17 17:59


origen


Respuestas:


Si no necesita el cambio para animar, entonces no necesita usar ningún complemento especial, solo usaría el método nativo JavaScript window.scrollTo - al pasar 0,0 se desplazará la página a la parte superior izquierda al instante .

window.scrollTo(x-coord, y-coord);

Parámetros

  • x-coord es el píxel a lo largo del eje horizontal.
  • y-coord es el píxel a lo largo del eje vertical.

1741
2017-07-17 18:42



Si quieres un desplazamiento suave, prueba algo como esto:

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

Eso tomará cualquier <a> etiqueta cuyo href="#top" y hazlo suave deslízate hacia la parte superior.


1177
2017-07-17 19:43



Prueba esto para desplazarte hacia arriba

<script>
 $(document).ready(function(){
    $(window).scrollTop(0);
});
</script>

123
2018-05-21 07:45



No necesitas jQuery para hacer esto. Una etiqueta HTML estándar será suficiente ...

<div id="jump_to_me">
    blah blah blah
</div>

<a target="#jump_to_me">Click Here To Destroy The World!</a>

82
2017-07-17 18:51



Todas estas sugerencias funcionan bien para diversas situaciones. Para aquellos que encuentran esta página a través de una búsqueda, también se puede dar esta un intento. JQuery, sin plug-in, desplácese al elemento.

$('html, body').animate({
    scrollTop: $("#elementID").offset().top
}, 2000);

47
2018-04-23 09:53



desplazamiento suave, javascript puro:

(function smoothscroll(){
    var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
    if (currentScroll > 0) {
         window.requestAnimationFrame(smoothscroll);
         window.scrollTo (0,currentScroll - (currentScroll/5));
    }
})();

29
2018-05-29 10:49



<script>

  $("a[href='#top']").click(function() {
     $("html, body").animate({ scrollTop: 0 }, "slow");
     return false;
  });
</script>

en html

<a href="#top">go top</a>

25
2018-02-14 16:44



Si desea hacer un desplazamiento suave, intente esto:

$("a").click(function() {
     $("html, body").animate({ scrollTop: 0 }, "slow");
     return false;
});

Otra solución es el método JavaScript window.scrollTo:

 window.scrollTo(x-value, y-value);

Parámetros:

  • x-value es el píxel a lo largo del eje horizontal.
  • y-value es el píxel a lo largo del eje vertical.

23
2017-09-11 10:37



Con window.scrollTo(0, 0); es bien rapido
así que probé el ejemplo de Mark Ursino, pero en Chrome no pasa nada
y encontré esto

$('.showPeriodMsgPopup').click(function(){
    //window.scrollTo(0, 0);
    $('html').animate({scrollTop:0}, 'slow');//IE, FF
    $('body').animate({scrollTop:0}, 'slow');//chrome, don't know if Safari works
    $('.popupPeriod').fadeIn(1000, function(){
        setTimeout(function(){$('.popupPeriod').fadeOut(2000);}, 3000);
    });
});

probado los 3 navegadores y funciona
estoy usando blueprint css
esto es cuando un cliente hace clic en el botón "Reservar ahora" y no tiene seleccionado el período de alquiler, se mueve lentamente a la parte superior donde están los calendarios y abre un cuadro de diálogo que apunta a los 2 campos, después de 3 segundos se desvanece


21
2017-09-01 13:01