显示模式时删除滚动条
Remove Scroll Bar when Modal Appears
我知道有人问过这个问题,但没有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>
这是我的模态代码。
这调用了模态:
您想与我们联系吗?或者访问我们的
所有给出的答案都没有解决问题,或者造成了更多的问题。
请查看此链接。也许这会对你有所帮助。你能分享你正在尝试的示例代码吗。。???
$('#openBtn').click(function () {
$('#myModal').modal({
show: true
});
});
在代码中包含以下css:
.modal {
overflow-y:hidden;
}
这将覆盖默认的css。它对我有效。如果不起作用,试着发布你的代码。
相关文章:
- 删除滚动条,但保留滚动功能
- 如何在JQuery中添加和删除一个类来切换body标记上的滚动条
- 正在删除IE's滚动条
- 删除垂直滚动条而不附加元素换行
- 显示模式时删除滚动条
- (IE9)删除浮动或绝对定位的元素将导致同级元素的滚动条滚动回顶部
- 溢出:删除元素时,带有子 TABLE 滚动条的 DIV 上的自动滚动条会保留
- 垂直滚动,但删除滚动条
- 溢出隐藏添加在删除滚动条的正文标签中
- 滚动条从何而来,如何删除它
- 删除并检测小滚动条
- 删除引导模式中的滚动条
- 画布切换填充整个页面删除滚动条
- 如何从internet Explorer中删除共享点托管应用程序中的滚动条
- 是否可以使实体.css模式更大并删除垂直滚动条
- 为什么引导模式会在关闭模式并锚定到页面后删除我的滚动条
- 如何隐藏滚动条,直到它们需要,然后删除,如果不需要
- 如何从css中的UI中完全删除底部滚动条
- 如何删除垂直滚动条
- 从CasperJS中的无限滚动条中删除动态呈现的链接