배경 내용에 모달 효과를 피하는 방법은 무엇입니까?

Question

단추를 클릭하는 동안 팝업되는 모달을 만들었습니다. 내 문제는, 모달 팝업 때, 배경 내용 조금 확산되고, 때로는 자동으로 아래로 스크롤됩니다. 이 문제를 해결하기 위해 많은 노력을 기울 였지만 해결책을 찾지 못했습니다. 그래서, 실수를 저지르고 그것을 극복하는 방법을 누군가에게 알려주십시오.

이 내 샘플 모달 코드입니다 : 당신의 자바 스크립트 파일에서

       <!-- 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 --> 

Answer 1

, 버튼을 클릭하면 페이지 스크롤을 방지하기 위해 버튼()로 preventDefault를 추가합니다.

$(".button").click(function(e) { 
    e.preventDefault(); 
}