如何使用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添加到允许添加书签的URL。

Answer 4

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