如何获得此滚动效果？

Question

我刚开始学习jQuery，并且遇到了这个网站，我非常喜欢这种滚动效果，以及整个网站只是一个页面。

考虑到我是一个初学者是有一个可以指向让我实现类似效果的任何资源（光滑，缓解动画）

感谢

Answer 1

您可以使用jQuery插件，例如scrollTo

Answer 2

没有必要的插件使用jQuery：

$('.scrollPage').click(function() { 
    var elementClicked = $(this).attr("href"); 
    var destination = $(elementClicked).offset().top; 
    $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 500); 
    return false; 
}); 

的代码从锚获取href和使用它作为日e目标元素。如果您想调整滚动速度，只需更改500. Demo。 Original。

而这里的another tutorial。