모달이 나타나면 스크롤 막대를 제거하십시오.

이 질문은 받았지만 100 % 유효하지 않으며 효과적으로 사용되었음을 알고 있습니다.모달이 나타나면 스크롤 막대를 제거하십시오.

내 페이지에 모달이 있습니다. 즉 다음과 같습니다

https://www.dropbox.com/s/ha4smz4mlgm1z18/Capture.PNG

내가 모달이 나타날 때 스크롤 막대을 제거하고자하고있다. 이것이 CSS/JS로 어떻게 할 수 있습니까? 아니면 전혀 할 수 없습니까? 다른 예제와 마찬가지로 모달의 높이를 변경하고 싶지 않습니다.

참고 : 스크롤 막대를 100 % 제거하고 싶지는 않습니다. 페이지의 급격한 변화로 인해 모달이 나타나는 경우에만. (나는 나중에 그것을 변경할 수 있지만, 표준 부트 스트랩 피부) 나는

추가 정보를 부트 스트랩 3.0을 사용하고 있습니다 :

<!-- Contact Modal --> 
<div aria-hidden='true' class='modal fade' id='contactModal' role='dialog' tabindex='-1'> 
    <div class='modal-dialog'> 
    <div class='modal-content'> 
       <div class='modal-header'> 
        <button aria-hidden='true' class='close' data-dismiss='modal' type='button'>×</button> 
        <h4 class='modal-title'>Contact Us Form</h4> 
       </div> 
    <div class='modal-body'> 
     <form action='#' role='form'> 
     <div class='form-group'> 
      <div class='row'> 
      <div class='col-md-6'> 
       <label class='control-label'>Your Name</label> 
       <input class='form-control' placeholder='your username' type='text'> 
      </div> 
       <div class='col-md-6'> 
        <label class='control-label'>Your Email</label> 
        <input class='form-control' placeholder='your password' type='text'> 
       </div> 
      </div> 
     </div> 
      <div class='form-group'> 
       <div class='row'> 
        <div class='col-md-12'> 
         <label class='control-label'>Your Message</label> 
         <textarea class='form-control' name='' rows='4'></textarea> 
        </div> 
       </div> 
      </div> 
     </form> 
    </div> 
      <div class='modal-footer'> 
        <button class='btn btn-default' data-dismiss='modal' type='button'>Cancel</button> 
       <button class='btn btn-primary' type='button'>Send Message</button> 
      </div> 
     </div> 
    </div> 
</div>

이 내 모달 코드입니다.

이 모달 부른다 :

당신이 저희에게 연락 하시겠습니까을? 또는 우리가 방문하십시오

모든 대답은 문제를 해결하지 못했거나, 더 많은 원인이 있습니다.

출처

2013-11-22 Ruskie

나는 이것에 대한 해답이 없다. 그러나 나는 같은 문제를 안고있다. 나는 아직 그것에 대해 조사하지 않았지만 현재 프로젝트에서 그것을 경험하고 있으며 해결책을 찾으면 뭔가를 게시 할 것이다. –

대단히 감사합니다! 나는 노력 중이며 여전히 가치있는 결과를 얻을 수 없다! – Ruskie

한번 확인해 보니 link입니다. 이것은 당신을 도울 것입니다. 수있는 샘플 코드를 u는 당신이 무엇을 시도 할 수 있습니다 .. ???

.modal { 
     overflow-y:hidden; 
    }

이 기본 CSS를 재정의합니다 :

$('#openBtn').click(function() { $('#myModal').modal({ show: true }); });

출처

2013-11-22 05:42:04

나는 이것을 조사 할 것이고, 단지 의견의 통지를 받았다. – Ruskie

는 코드에 다음 CSS를 포함합니다. 그것은 나를 위해 일했습니다. 그것의 작동하지 않는 경우 귀하의 코드를 게시하려고합니다.

출처

2013-11-22 08:54:27 Govan

문제는 In 거래가 효과가 없다는 것입니다. 좋은 수정 그러나 현실에서. – Ruskie

모달이 나타나면 스크롤 막대를 제거하십시오.

답변

관련 문제