coding主页效果

有个插件叫 FullPage.js，你可以用这个轮子。

当然，自己实现这个轮子也很简单。
每个页面都设置一个 id，每个点都是，然后其 href 就设置为 '#' + 对应页面的id
比如

用 jQuery 对这些 a 标签绑定一个 click 事件，用 event.preventDefault() 去掉点击马上跳过去的功能，然后用 jQuery 的 animate() 去控制滚动条就好了。

$("a").on('click', function(event){

var $anchor = $(this);
$("html, body").stop().animate({
    scrollTop: $($anchor.attr('href')).offset().top
}, 600);
event.preventDefault();

});
鼠标点击大概就是这个思路。

鼠标滚轮其实也差不多的思路。