如何获得此滚动效果？

Question

我刚刚开始学习jQuery，我遇到了这个网站 - TEDx Portland，我非常喜欢滚动效果以及整个网站只有一页的事实。

考虑到我是初学者，是否有任何可以指出的资源，以便我完成类似的效果（平滑和放松的动画）

由于

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并将其用作目标元素。如果要调整滚动速度，只需更改500. Demo。 Original

这是another tutorial。