javascript - 在 javascript 或 jquery 中滚动到具有特定 id 的 html 元素

Question

我有分配了 id 的 html 元素。现在我想滚动到那些元素。我看到 jQuery 有一个采用整数值的 scrollTop。我如何轻松地使带有 id 的特定 html 元素滚动到顶部？理想情况下，具有漂亮流畅的动画。

快速搜索显示有许多滚动插件...如果上述功能需要插件，那么最受欢迎的是什么？我也在使用 jquery-ui。

Answer 1

当页面加载时，您可以使用类似这样的方法滚动到 #someElement:

$(document).ready(function() {
    $("html, body").animate({scrollTop: $("#someElement").offset().top}, 1000); 
});

它只是为 body 元素的 scrollTop 属性设置动画，并使用某个特定元素的顶部偏移量作为滚动到的位置。动画持续1000ms。

注意:它会同时选择 html 和 body，因此它可以跨浏览器工作。我不确定具体细节，但一些快速测试表明 Chrome 使用 body，但 Firefox 和 IE 使用 html。

这是一个 working example .