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

Question

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

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

Answer 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();
        }
    }