Mover scroll de browser con jquery


Hola a todos.

Esto gracias a: Freelancer ID

Bueno, seré muy breve, este es el código:


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


Donde idDiv es el id del div a donde queremos que quede el scroll de la página.

2000. es el tiempo en milisengundos.

Y bueno... por si acaso si queremos que se vaya al top de la página así sería:


function scrollWinTop() {
    $('html,body').animate({
        scrollTop: 0
    }, 2000);
}

Se cuidan.


Sean felices! :) Y sientanse libres de opinar ;)


Sean felices! :) Y sientanse libres de opinar ;)

15 comentarios:

  1. perfecto viejo(expresion de amigo...) me funciono al 10

    ResponderEliminar
  2. eso esta piola... pero que pasaria si lo deseas subir a una parte de la pagina y no al top?

    ResponderEliminar
  3. En ese caso esta el primer script... donde puedes llevarlo a un div específico. Saludos.

    ResponderEliminar
  4. que tal genial post pero como ago para que me cargue una pagina la posicion sea otra, es decir que cargue no en el top de la web, probablemente unos pixeles mas abajo!!!!

    ResponderEliminar
    Respuestas
    1. Hola. en ese caso... tendrías que hacer lo siguiente:

      $(document).ready(function(){
      scrollWinTop();
      });

      function scrollWinTop() {
      $('html,body').animate({
      scrollTop: 100
      }, 500);
      }

      Creo que así te serviría... saludos.

      Eliminar
    2. amigo no me sale :( podrias ayudarme con un pequeño ejemplo, te dejo mi correo. gracias por la ayuda saludos

      e-jake@hotmail.com

      Eliminar
    3. :(

      Lamento no poder ayudarte... ahora estoy muy ocupado... te juro que le encuentras solución más pronto tu mismo...

      Saludos...

      Eliminar
  5. Tu post ha sido muy valido para mi página web.

    Muchas Gracias

    ResponderEliminar
  6. gracias hermano esta cn madre el efecto

    ResponderEliminar
  7. gracias al autor del post y al internet!!
    me sirvio ene

    saludos

    ResponderEliminar
  8. breve, conciso y funciona!
    muchas gracias ^^

    ResponderEliminar