jqueryvalidate - 将焦点调整为无效

Question

网站在页面顶部有一个静态菜单栏，然后​​表单位于主体中。使用jqueryvalidate，我的错误消息显示在表单输入元素下。我的问题是，当它关注第一个无效元素时，输入框和上标签隐藏在静态菜单栏后面。有没有办法将焦点调整为无效，以便它更高地集中在表单上？

errorElement: "div",
    invalidHandler: function(form, validator) {
     var errors = validator.numberOfInvalids();
        if (errors) {                    
         validator.errorList[0].element.focus();
        }
    }, 

这是隐藏在静态菜单/标题后面的输入框的底部。

所有输入元素都包含在div中，如果有＆lt; h6 class =“note”＆gt;出现错误消息隐藏，然后在字段有效时再次显示它。

<div class="3u">
  <input type="text" name="dob"/>
  <h6 class="note">Date of birth</h6>
</div>

我在考虑如何将焦点更改为父级＆lt; div＆gt;但到目前为止还没有这个工作。