要关闭Bootstrap 4模式窗口并防止在关闭窗口后滚动,可以使用以下步骤:
modal('hide')
方法关闭模态框。这将隐藏模态框并将其从DOM中移除。完整的代码示例如下:
<!-- HTML代码 -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
打开模态框
</button>
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- 模态框内容 -->
<div class="modal-header">
<h5 class="modal-title">模态框标题</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>模态框内容</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">保存</button>
</div>
</div>
</div>
</div>
<script>
// JavaScript代码
$('#myModal').on('hidden.bs.modal', function () {
$('body').css('overflow', 'hidden');
});
</script>
在上述代码中,点击按钮将打开一个模态框,模态框中包含标题、内容和关闭按钮。当模态框关闭后,通过JavaScript代码将禁用窗口滚动。
请注意,这只是一种关闭Bootstrap 4模式窗口并防止滚动的方法。根据具体情况,你可能需要根据自己的需求进行调整和修改。
领取专属 10元无门槛券
手把手带您无忧上云