javascript - 如何使用 jQuery 滚动到页面的一部分？

Question

我的代码将用户滚动到页面底部:

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

如何修改它以将用户带到页面中有 h3 标签且 id 为“myTitle”的部分:

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

Answer 1

怎么样:

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

使用 .offset() .

这是一个工作示例:http://jsfiddle.net/naTjL/