全页平滑滚动

Question

我正在使用此代码在我的网站（demo）中使用平滑滚动：

$("#click-me").click(function(){
  $('html,body').animate({
    scrollTop: window.screen.availHeight
  }, 200);
});

我正在尝试滚动页面的高度。但是，似乎滚过这一点。我已经尝试将“100％”作为一个值，但它没有用。

是什么导致了这个问题，我该怎么做才能解决它？

谢谢！

Answer 1

它正常工作但是除非你添加这个（或者在身体上添加填充和边距的帐户），结果稍微偏离。

body{
  padding:0;
  margin:0;
}

http://jsfiddle.net/bb9ux/2/（非工作版本：http://jsfiddle.net/bb9ux/3/）

Answer 2

滚动到特定的div：

$("#click-me").click(function(){
  $('html, body').animate({
        scrollTop: $('#scroll-here').offset().top
    }, 2000);
});

FIDDLE