bootstrap modal 弹出框在开发中使用是很平常的,最近在使用的时候遇到些小问题,问题如下:
1、比如两个modal,modal A先弹出,在modal A上单击按钮弹出modal B,modal A的内容多于modal B并且modal A带有滚动条,在modal B关闭的时候,modal A的滚动条消失了,导致页面不能用,解决方案如下:
添加全局样式:
.modal{overflow:auto!important;}
原因是:在modal B关闭的时候会把modal A的 overflow-x,overflow-y属性给去掉,故滚动条会消失,添加上面的css代码可以让页面自动的识别页面内容自动添加滚动条;
2、两个modal A 、B,A先弹出,点击A上的按钮弹出B,但是B弹出后确出现在A的下面,解决方案如下:
调整代码顺序,在代码端使得A的位置在B的位置之前,浏览器读取的时候默认为在下面modal的代码层级比在前面的高;