如何控制HTML5表单验证的scrollTop？
如何控制HTML5表单验证的scrollTop？
提问于 2018-07-16 01:47:07
我对需要输入的内容使用简单的HTML5表单验证：
<input type="text" required>但是，页面上有一个固定的标题，块下会显示带有错误的输入。有没有办法在整个网站上控制验证事件的scrollTop？
另外，如果这个问题听起来很奇怪，请解释为什么。谢谢!
P.P.S. Code sample
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-16 05:08:54
像这样怎么样？简单快速，但我不知道它在移动设备或平板电脑上的效率如何。如果你想让它更精确，可以使用数组或者存储窗口值并等待on-change，然后再将它向下移动一点。
$("#submit").click(function(){
setTimeout(function(){
var win_scroll_y = $(window).scrollTop();
$(window).scrollTop(win_scroll_y - 60); // Change to move closer to top or further
},50)
}) input {
display: block;
margin-bottom: 50px;
}
header {
position :fixed;
top :0;
right :0;
left :0;
background :green;
width :100%;
height :50px;
}
form{
padding-top :50px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<main>
<header></header>
<form action="">
<input type="text" required value="first">
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<button type="submit" id="submit">Send</button>
</form>
</main>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51350709
复制相关文章
相似问题
腾讯云开发者
