将jQuery offset（）转换为纯JS

Question

我有一个使用HTML和jQuery的申请表，其中包含多个步骤和多个字段。我正在使用jQuery Validator插件，并且能够通过获取元素并获取offset()位置来将用户滚动到无效字段。

$(validator.errorList[0].element).offset().top

我正在尝试使用http://youmightnotneedjquery.com/的建议将其转换为兼容的javascript，以基本上使用以下方法获取元素：

var myInvalidField = validator.errorList[0].element;
var rect = myInvalidField.getBoundingClientRect();
console.log(rect.top);

但是，在我的示例中，它们似乎都返回了不同的值

使用jQuery offset()，我得到的返回值为 274 ，并使用纯JS方法 -285 。我不确定计算有什么问题。

如何获取与offset()返回的值匹配的值