Como fazer scroll da página utilizando JQuery

Índice

Como fazer um scroll na página utilizando JQuery?

Se você tiver uma âncora na página e quiser fazer um scrool até a posição dessa âncora, utilize o seguinte código javascript:

var target_offset = $("#ancora1").offset();
var target_top = target_offset.top;
$('html, body').animate({ scrollTop: target_top }, 0);

No html da página você deve adicionar uma âncora com o mesmo nome utilizado na função javascript:

<a name="ancora1" id="ancora1"></a>

Se você já souber para qual posição da página você quer fazer scrool, não precisa adicionar a âncora na página, basta utilizar a seguinte função javascript:

$('html, body').animate({ scrollTop: 200 }, 50);

Nesse código substitua:

200 pela posição TOP do scroll para onde você quer que a página vá
50 pela a quantidade de tempo que você quer que o scroll demore, se quiser sem efeito, utilize zero

Exemplo no codepen: http://codepen.io/educoutinho/pen/ZLrNyV

Como fazer scroll da página utilizando JQuery

Comentários