Question

我使用Fancybox v2.1.5来显示我的注册表单。

表单有点长，我希望页面在单击“提交”按钮后滚动到顶部以显示错误或成功消息。

问题在于我知道如何回到顶部＆＃34;在Jquery的简单页面上，但这并不适用于Fancybox。

$('html, body').animate({ scrollTop: 0 }, 400);

这是我的代码：

<head>
...
</script>
/* FANCYBOX */
    $(".fancybox").fancybox({
        padding     : 8,
        openEffect: 'fade',
        closeEffect: 'fade',
        fitToView: false, 
        maxWidth: "100%"
});
</script>
...
</head>
<body>
<form id="RegisterForm" name="RegisterForm">
...
<button name="Register" type="submit" id="Register">
    Register
</button>
</form>
<script>
$('#RegisterForm').submit(function(event) {
        event.preventDefault();
        $.ajax({
                type: 'POST',
                url: 'register.php',
                data: $(this).serialize(),
                success: function (data) {
                        console.log(data);
                        $('#result').html(data);
                        $('html, body').animate({ scrollTop: 0 }, 400);
                        grecaptcha.reset();
                }
        });
});
</script>
</body>

感谢您的帮助和支持：）

Fancybox：在ajax成功之后回到顶部

0 个答案: