我有一个长表单，表单底部有提交按钮。我在标有必需属性的表单中有多个输入字段。因此，当前几个输入字段中的一个留空并且我向下滚动以单击提交时，错误“请填写此字段”正确出现在浏览器顶部的第一个错误中。但是，我必须一直向上滚动到顶部才能输入。如何让它自动向上滚动以关注第一个输入错误？
最佳答案
使用 jQuery 有一种简单的方法。
$('html, body').animate({
scrollTop: $("#target-element").offset().top
}, 1000);
如果你不想要动画，使用.scrollTop()相反:
$('html, body').scrollTop($("#target-element").offset().top);
来源:http://www.abeautifulsite.net/smoothly-scroll-to-an-element-without-a-jquery-plugin-2/
如果您反对 jQuery，您可以使用 window.scrollTo() 推出您自己的解决方案
关于javascript - 滚动到HTML5表单验证的第一个输入错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30300004/