Jquery 滚动顶部内侧位置固定

我面临一个问题，我需要在一个位置固定且溢出y的div中使用scrollTop。 我确实看到一个帖子

我遇到的问题是，我必须滚动的错误元素位于相对位置的内容中。所以这个代码不起作用

我的小提琴

如果我移除具有相对定位的父对象，它会起作用，但我不能这样做。 此外，错误可能位于相对位置的内容内的任何位置。因此，滚动到内容也不是一个选项

HTML

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格


请在下面突出显示的字段中提供缺少的信息
这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

这是一个表格

按钮
Javascript
$（“#按钮1”）。在（“单击”，函数（）上）{
var position=$（“.form error msg”）.position（）.top+$（“#containerChild”）.scrollTop（）；
$（“#containerChild”）.animate（{scrollTop:position}）；
});
CSS
#相对的{
位置：相对位置；
溢出：隐藏；
}
#集装箱码头{
位置：固定；
背景颜色：蓝色；
身高：100%；
边框：1px纯红；
宽度：100%；
}
#集装箱儿童{
位置：固定；
溢出y：滚动；
身高：100%；
}
#内容{
位置：相对位置；
}

您为该职位添加了太多内容。拥有

var position = $(".form-error-msg").position().top;

足够了，因为.position已经相对于偏移父对象，所以您只能在#containerChild中滚动

这是最新的提琴。我在前面添加了一段，并将高度更改为80%，以演示相对计算

---

非常感谢。这确实有效，但当我在中间添加内容时，它会滚动到错误上方的某个位置message@keerti有两个问题。首先，.position使用position:relative set检测元素相对于其最近父元素的位置：必须从#内容中删除position:relative。现在它将计算.formerror msg相对于#relativeParent的位置。但是，因为你有一段不在“relativeParent”范围内，所以它不会考虑在内。所有东西都应该放在最直接的容器内。谢谢，这确实有帮助。谢谢

var position = $(".form-error-msg").position().top;