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 deslice hacia abajo 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.

¿Esto es posible con jQuery?

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

Answer 1

Usted puede hacer que el uso de animate como en el siguiente enlace:

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

Si desea hacerlo usando scrollTo plugin, entonces debería considerar lo siguiente:

How to scroll the window using JQuery $.scrollTo() function

Answer 2

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

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

Answer 3

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

Answer 4

Sólo tienes que comprobar esto:

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

Hará desplazamiento rueda de desplazamiento desde la posición actual cuando se hace clic en el elemento de

Y 150 píxeles se utiliza para desplazarse por 150 píxeles hacia abajo

Answer 5

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

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