Javascript 如何根据条件将DIV滚动到浏览器窗口的顶部?

Javascript 如何根据条件将DIV滚动到浏览器窗口的顶部?,javascript,jquery,html,Javascript,Jquery,Html,我有一个包含许多div的网页,其中包含许多用户需要填写的表单字段 现在在其中一个div中,我有一个radiogroup选项,该选项确定用户可以使用jQuery.show()输入的其他div 我的问题是,当用户选择radiogroup选项时,新的DIV将显示在此radiogroup选项下方,但我希望它是一种将此新DIV滚动到浏览器顶部的方法,以便用户不会错过下面的DIV。假设滚动的是,您可以执行以下操作: var newdiv = $('#div_id'); $('body').animate(

我有一个包含许多div的网页,其中包含许多用户需要填写的表单字段

现在在其中一个div中,我有一个radiogroup选项,该选项确定用户可以使用jQuery
.show()
输入的其他div

我的问题是,当用户选择radiogroup选项时,新的DIV将显示在此radiogroup选项下方,但我希望它是一种将此新DIV滚动到浏览器顶部的方法,以便用户不会错过下面的DIV。

假设滚动的是
,您可以执行以下操作:

var newdiv = $('#div_id');

$('body').animate({scrollTop: newdiv.position().top});

示例:

@扁桃体:不客气。如果要滚动到的元素嵌套在其他容器中,则可能需要使用
newdiv.offset().top
,以获取相对于整个文档的顶部位置。