JQuery 动画滚动顶部无法正常工作

Question

以下 JQuery 代码将页面滚动到表单中的第一个错误:

$('html,body').stop().delay(500).animate({scrollTop: $errors.filter(":first").offset().top -30},'slow');

但是，如果我将 $('html,body') 替换为容器元素的名称，例如 div 类 $('.myDivClass')固定定位，似乎效果不太好。每次提交时它都会上下滚动到随机位置。如果容器元素是 html,body 以外的任何元素，则它似乎无法正常工作。

我不知道我做错了什么。

容器元素的 css 看起来像这样(所以你知道我的意思):

.mcModalWrap1{
position:fixed;
top:0;
left:0;
width:100%;
padding:50px;
background-image:url(images/overlay.png);
overflow:auto;
z-index:999;
display:none;
}

我尝试使用position()而不是offset()进行相对定位，但没有什么区别。

谢谢!

更新:似乎没有解决方案。

Answer 1

我知道我参加聚会迟到了，但遇到了同样的问题，以下是我的解决方法。

当在固定位置元素内滚动时，由于某种原因，您必须将其自己的scrollTop添加到您想要滚动到的位置，因此:

var position = $errors.filter(":first").position().top + $('. myDivClass').scrollTop()
$('.myDivClass').animate({ scrollTop: position })

为我工作。