Javascript 单击“提交”按钮，滚动至“错误”字段

如何滚动到由反应形式组成的角度9中的错误字段

我试过了

const firstElementWithError = document.querySelector('input.ng-invalid');
firstElementWithError.scrollIntoView({ behavior:'smooth', block:'start' });

但是我的页面中有一个标题。滚动的元素隐藏在标题后面。无法向滚动条添加偏移量

我还尝试了window.scrollTo

var element = document.querySelector('input.ng-invalid');
var headerOffset = 45;
var elementPosition = element.getBoundingClientRect().top;
var offsetPosition = elementPosition - headerOffset;
window.scrollTo({
     top: offsetPosition,
     behavior: "smooth"
});

但不知何故，这里的window.scrollTo不起作用

---

如何使其工作？

语法方面，您的代码可以工作，这意味着问题在于scrollToOptions对象的“top”值

---

确保变量elementPosition实际具有您想要的值。

是否出现错误或什么都没有发生？我尝试了console.log（offsetPosition）它给了我一些值。另外，

window.scrollTo（{top:0，left:0行为：“平滑”}）也不会引起页面中的任何更改。。我不知道window.scrollTo是否正常工作