出現模態時刪除滾動條

Question

我知道有人問過這個問題，但尚未100％有效地使用它。

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

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

我想在出現模態時刪除滾動條 。 如何使用CSS / JS完成？ 還是根本無法做到？ 我不想像這里發布的其他示例一樣更改模式的高度。

請注意：由於頁面的跳躍性，我不想僅在出現模態時將滾動條100％移除。 我正在使用Bootstrap 3.0，（標准Bootstrap皮膚，盡管稍后可能會更改）

額外的信息：

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

這是我的模態代碼。

這稱為模態：

您想聯系我們嗎？ 或訪問我們的

給出的所有答案都不能解決問題，或者引起更多的原因。

Answer 1

一次，請檢查此鏈接 。 可能會對您有幫助。 您可以分享示例代碼嗎？

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

Answer 2

在代碼中包含以下CSS：

  .modal {
      overflow-y:hidden;
  }

這將覆蓋默認的CSS。 它為我工作。 如果不起作用，請嘗試發布您的代碼。