Como fazer scroll da página utilizando JQuery


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:

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


Comentários