固定html，body时滚动到元素顶部

Question

我一直在搜索，似乎找不到答案。

制作具有固定的html和body但可滚动的div的应用程序时：

html, body { width: 100vw; height: 100vh; overflow: hidden; }
.inside { height: calc( 100vh - 8em ); overflow-y: scroll; }

当我尝试滚动到输出响应消息的div的顶部时，它似乎只能向上移动200像素左右，而不能一直向上移动：

因此，要解释上述GIF，当用户滚动到底部并提交表单时，它只会向上移动一点。然后，我手动滚动到顶部以显示#response div（绿色条）。当GIF刷新时，您可以看到它只是在最初的微调上结束了。

我来自aj​​ax的jQuery是：

$( ".inside" ).animate({
    scrollTop: $( "#response" ).top
}, "slow" );

Answer 1

使用$("#response").offset().top

Answer 2

我成功的唯一方法是拥有$( ".inside" ).animate({而不是拥有$( "*" ).animate({