jQuery＆＃34;滚动到顶部＆＃34;表单验证中出现错误消息的位置

Question

我试图让这个脚本工作：

function scrollToAnchor(aid)
{
    if($(".error").length > 0) 
    { 
        var firstErrorElement = $(".error").first(); 

        $('html,body').animate({scrollTop:firstErrorElement.offset().top},'slow'); 
    }                                                 

    var aTag = $("a[name='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

请查看我尝试here的内容。

Answer 1

这已通过以下方式解决：https://stackoverflow.com/users/123127/didier-ghys http://jsfiddle.net/didierg/Kwhbv/

$("#SurveyForm").validate({
    focusInvalid: false,
    invalidHandler: function(form, validator) {
        
        if (!validator.numberOfInvalids())
            return;
        
        $('html, body').animate({
            scrollTop: $(validator.errorList[0].element).offset().top
        }, 1000);
        
    }
});