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

它只是动画元素的scrollTop属性body,并使用某个特定元素的顶部偏移量作为要滚动的位置.动画持续1000毫秒.

注意:它选择两者html,body因此它适用于各种浏览器.我不确定具体细节,但一些快速测试显示Chrome使用body,但Firefox和IE使用html.