我知道有人提出了这个问题,但并未 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>
这是我的模态代码。
这会调出模态:
您想联系我们吗?或者访问我们的
给出的所有答案都没有解决问题,或者导致了更多问题。
最佳答案
一次,看看这个link 。也许这会对你有所帮助。你可以分享你正在尝试的示例代码吗..???
$('#openBtn').click(function () {
$('#myModal').modal({
显示:真实
});
});
关于javascript - 模态出现时删除滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20135906/