表单验证错误后平滑滚动到页面脚本顶部答案

【问题标题】：Smooth scroll to the top of page script after form validation error表单验证错误后平滑滚动到页面脚本顶部
【发布时间】：2012-04-17 22:19:18
【问题描述】：

我的表单很长，我想使用我的 jquery smooth-scroll-to-the-top-of-page 脚本向上滚动到页面顶部。

是否可以滚动到页面顶部如果验证脚本发现错误？

【问题讨论】：

标签： javascript jquery validation function

【解决方案1】：

只需让您的平滑滚动成为一个可以调用 onError 的函数，即

function SmoothScroll(){
 $('a.scrollToTop').click(function () {
   $('html, body').animate({
    scrollTop: 0
   }, 2500);
  return false;
 });
}

和

    onError: function () {
        if ($('#input_2     input').hasClass('error-input')) {
            $('#r2 div, #r2 input').css('background-color', '#C1272D').css('color', '#FFF');
            $("#error-div").show();
            SmoothScroll();
        }
    }

【讨论】：

当我按照您的指示进行操作时，我失去了验证，页面在没有滚动的情况下跳到顶部。我失去了验证并且没有平滑的滚动。试图解决这个问题......
添加超时后会发生什么？ window.setTimeout(smootScroll, 2000);
不知道你是如何或在哪里添加的。它是从一开始就开始的吗？