全頁平滑滾動

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);
});

小提琴