data - jquery selector

jQuery: desplácese hacia abajo en la página un incremento establecido(en píxeles) al hacer clic?

Question

Estoy tratando de hacer que una página se desplace 150px desde la posición actual cuando se hace clic en un elemento. Digamos que estás aproximadamente a medio camino de una página. Hace clic en este enlace y lo deslizará 150 píxeles adicionales.

¿Es esto posible con jQuery?

He estado mirando scrollTop y el complemento scrollTo, pero parece que no puedo conectar los puntos.

Answer 1

Es posible que busque algo que el plugin scrollTool de Ariel Flesler realmente hace bien.

http://demos.flesler.com/jquery/scrollTo/

Answer 2

Puedes hacer eso usando animate como en el siguiente enlace:

http://blog.freelancer-id.com/index.php/2009/03/26/scroll-window-smoothly-in-jquery

Si desea hacerlo utilizando el complemento scrollTo , observe lo siguiente:

Cómo desplazar la ventana usando la función JQuery $ .scrollTo ()

Answer 3

Solo revisa esto:

$(document).ready(function() {
    $(".scroll").click(function(event){
        $(''html, body'').animate({scrollTop: ''+=150px''}, 800);
    });
});

Hará que el scroll se desplace desde la posición actual cuando se haga clic en su elemento

Y 150px se usa para desplazarse 150px hacia abajo

Answer 4

Versión actualizada de la solución de HCD que evita el conflicto:

var y = $j(window).scrollTop(); 
$j("html, body").animate({ scrollTop: y + $j(window).height() }, 600);

Answer 5

var y = $(window).scrollTop();  //your current y position on the page
$(window).scrollTop(y+150);