Question

我在弹出窗口中创建了一个表单我正在使用bootstrap弹出模式，因为表单有点长，所以一旦提交，消息就会显示在表单的顶部，当用户提交表单时它会保留在底部我在这里看到的是当用户提交表单时，它滚动到顶部，以便用户可以看到消息。

这可能吗？因为它是我正在使用的弹出式模式，请查看下面的代码，并确定我是否做错了。

employee_id    transcript   testimonial
---------------------------------------
S1234          TRUE         TRUE
S2345          TRUE         FALSE

这是y弹出模式的html

$(document).ready(function() {
     $('.reg-form').on('submit', function(e) {
        $('#register').on('shown', function() {
            $(this).scrollTop(0);
        });

        $('.load').fadeIn(500);
        var formData = new FormData(this);
    });
});

Answer 1

是的，它可能！只是说：

<强> $('#register').animate({'scrollTop':0},800);

我发现你的活动名称错误， shown 应该是 shown.bs.modal 但是没关系，因为你只需更改该行我上面的代码。

Answer 2

$("#regsiter").scrollTop(0);

在提交功能中添加以上行。你不需要把它放在显示的功能上。

Answer 3

最简单的

window.scrollBy(-10000, -10000);

提交表单时，将div滚动到顶部

3 个答案: