2017-10-04 16 views
0

ポップアップ内にフォームを作成しました。フォームの上部にメッセージが表示され、ユーザーの送信時にフォームが少し長くなるので、ブートストラップのポップアップを使用しています。それが底にとどまるフォーム私がここで探しているのは、ユーザがメッセージを見ることができるので、ユーザがフォームを提出するときです。しかし、です。フォームが提出されたときスクロール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); 
    }); 
}); 

は、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> 
+0

フォームを送信した後で使用$(ウィンドウ).scroll(0) –

+3

[[起動するモード]ポップアップの先頭にスクロールする](https://stackoverflow.com/questions/24813966/scroll-to-top- of-bootstrap-modal-popup) – ocanal

答えて

1

をポップアップ用のHTMLです!ちょうどそれを置く:

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

を、私はあなたがそこに間違ったイベント名を持って見る、shownshown.bs.modalけど用事あなたはちょうど私とその行を変更する必要があるためということでなければなりません上のコード。

+0

それは私のために働いてくれてありがとう:-) –

+0

あなたは歓迎です:-)私の答えをマーク/承認してください –

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

上記の行を送信機能に追加します。あなたは、それを表示された機能に入れる必要はありません。

関連する問題