表单提交时滚动div顶部

我创建了一个表单内弹出我使用引导弹出模式表单有点长，所以一旦提交的消息显示在窗体的顶部和当用户提交它留在底部的形式什么我在这里看到的是当用户提交的形式滚动到顶部，所以用户可以看到消息，虽然。表单提交时滚动div顶部

这可能吗？因为它是一个弹出式模式我正在使用请检阅我的代码下面，并判断如果我做错了什么。

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

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

下面是HTML y的弹出模态

<div id="register" class="modal" role="dialog"> 
    <button type="button" class="close" data-dismiss="modal"> 
     <img class="svg" src="<?php echo base_url(); ?>assets/images/modal-close.svg"> 
    </button> 
    <div class="modal-dialog"> 
    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <h4 class="modal-title">Register With Us</h4> 
     </div> 
     <div class="modal-body"> 
     //here is my form 
     </div> 
    </div> 
</div> 
</div>

来源

2017-10-04 Usman Khan

提交表单后使用$（window）.scroll（0） –

[滚动到Bootstrap模态弹出窗口顶部]的可能的副本（https://stackoverflow.com/questions/24813966/scroll-to-top-引导程序模式弹出） – ocanal

是的，这是可能的！只要把它：

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

，我看你有没有错误的事件名称出现，shown应该shown.bs.modal，但没关系，因为你们只需要改变该行与我上面的代码。

来源

2017-10-04 07:19:57

非常感谢你为我工作:-) –

不客气:-)请标记/批准我的答案 –

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

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

来源

2017-10-04 07:31:44

表单提交时滚动div顶部

回答

相关问题