bootstrap 嵌套模态框 二级模态框关闭导致一级模态框滚动条消失

2016/10/28 11:18
阅读数 280

一.问题描述

实际开发中遇到bootstrap嵌套模态框,关闭次模态框后主模态框滚动条消失。

二.解决办法

在主模态框上加属性:(先凑合着用,回头再看看源码)

style="overflow-y: auto;"

例子如下:

<!--模态框1-->
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-y: auto;">
   			<div class="modal-dialog" style="width: 1000px;">
      			<div class="modal-content">
         			<div class="modal-header">
            			<button type="button" class="close" 
               			data-dismiss="modal" aria-hidden="true">
                  		×
            			</button>
            			<h4 class="modal-title" id="myModalLabel1">
               			<!--模态框(Modal)标题-->
            			</h4>
         			</div>
         			<div class="modal-body" id="modal-body1">
            		<!--在这里添加一些文本-->
         			</div>
         			<div class="modal-footer">
            			<button type="button" class="btn btn-default" 
               				data-dismiss="modal">关闭
            			</button>
         			</div>
      			</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>

 

展开阅读全文
打赏
1
1 收藏
分享
加载中
刚好遇到这个问题。。
2016/12/15 18:42
回复
举报
更多评论
打赏
1 评论
1 收藏
1
分享
返回顶部
顶部