Modal出現時移除滾動條

我知道這已被問到，但未被100％有效地使用過。Modal出現時移除滾動條

我在我的頁面上有一個模式。這看起來是這樣的：

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。可能這會幫助你。你可以分享你想要的樣本代碼嗎？

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

來源

2013-11-22 05:42:04

我會研究這個，剛剛收到評論通知。 – Ruskie

包括以下css來代碼：

.modal { 
     overflow-y:hidden; 
    }

這將覆蓋默認的CSS。它爲我工作。如果它不工作嘗試發佈您的代碼。

來源

2013-11-22 08:54:27 Govan

問題是沒有影響交易進出。好的解決方案，但實際上並不是真的 – Ruskie

Modal出現時移除滾動條

回答

相關問題