如何使用jQuery滾動到頁面的一部分？

Question

我的代碼滾動用戶對頁面的底部：

var $elem = $('body'); 
$('html, body').animate({scrollTop: $elem.height()}, 800); 

怎樣纔可以修改，以用戶對頁面的部分地方有id爲「myTitle」一個H3標籤：

<h3 id="myTitle">Hello</h3> 

Answer 1

如何：

var $elem = $("#myTitle"); 
$('html, body').animate({scrollTop: $elem.offset().top}, 800); 

使用.offset()。

這裏有一個工作示例：http://jsfiddle.net/naTjL/

Answer 2

就可以得到從頂部位置的元素組成：

var position = $("#myTitle").offset().top;

然後，您可以使用它作爲值滾動到。

Answer 3

This is a brilliant example

，即使JS工作關閉。此外，這會將#myTitle添加到允許添加書籤的網址。

Answer 4

$('html, body').scrollTop($("#myTitle").offset().top)