Efeito Scroll Page - Para Sites One Page

Tutorial de como criar um efeito Scroll para sites one page.

Script:
$(document).ready(function() {
$('a[href^="#"]').on('click',function (e) {

$target = $(target);

$('html, body').stop().animate ({
}, 1000, 'swing', function () {
});
});
});

[fernandodepaula]

Cara muito bom! 
Parabéns pelo video.

[ThePires]

perfeito!! era exatamente isso que estava procurando :=) muito obrigada!!!!

[ubirata]

Boa gostei deu super certo! obrigado! :)

[luvicadri]

Valeu! você é foda, espero mais vídeo aulas! :D

[mestreederbessa]

Por que tem o "swing"? Como eu faço para o efeito ao invés de parar direto no ID da Div, ele descer um pouco e depois subir posicionando-se no ID da Div? Como se fosse um efeito mola...tem como?

[thiagototte]

Gabriel muito interessante mais sou novato na área gostaria de saber como insiro esse efeito no botão já que o mesmo não foi mostrado chamando a DIV ME explique por gentileza! preciso montar um site onpage!

[amatriz]

Como fazer para ele rolar com o scroll? quando rodo a bolinha do scroll

[DerikSilva]

E para o menu ficar estático???
Tem alguma coisa que precisa mudar???

[trezentosfull]

tentei usar este script não funciona em paginas php?

[plinioandrade]

Tem um erro no código. Acho que saiu outra coisa no lugar a aspa simples na linha 2.

Código que funcionou pra mim:

$(document).ready(function() {
$('a[href^="#"]').on('click', function (e) {
e.preventDefault (); 
var target = this.hash,
$target = $(target); 
$('html, body').stop().animate ({
'scrollTop': $target.offset().top
}, 1000, 'swing', function () {
window.location.hash = target;
});
});
});




Esse é o código para colocar no HTML:


<script type="text/javascript" src="rolagem.js"></script>