0

ボタンをクリックするとポップアップするモーダルを作成しました。私の問題は、モーダルがポップアップすると、背景のコンテンツが少し広がり、自動的に下にスクロールされることがあります。この問題を解決するために多くのことを検索しましたが、解決策を見つけることができません。どこで間違いを犯しているのか、それを克服する方法を教えてください。

これは私のサンプルモーダルコードです:

                              <!-- Modal -->
  <div class="modal reg_modal " id="regestration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"   >
    <div class="modal-dialog" id="reg_outer_div" data-backdrop="true" >
      <div class="modal-content " style="background: white;width:700px;">
        <div class="modal-header" id ="reg_modal_header" style="">
          <button type="button" class="close reg" id ="reg_close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" align="center" style="color:white;" id="reg_log_modal_header_text">   </h4>
        </div><!--/header-->
         <div class="modal-body" style="background: white;" id="regmodal_body">


          </div><!-- /end modal body-->
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
4

1 に答える 1

0

JavaScript ファイルで、ボタンに preventDefault() を追加して、ボタンをクリックしたときにページがスクロールしないようにします。

$(".button").click(function(e) {
   e.preventDefault();
}
于 2013-10-28T11:33:09.303 に答える