bootstrap模态框导致Y轴下拉框消失解决方法
来源:互联网 发布:如何取消网络共享密码 编辑:程序博客网 时间:2024/06/06 00:45
使用angular 的ng-include在页面中跳转,一个子页面中有一个模态框,当操作了模态框从页面跳转回来时右侧滚动条会消失,添加以下CSS解决
.modal { overflow-y: auto;}.modal-open { overflow: auto;}
使用bootstrap3,原先网页有Y轴滚动条,打开modal后滚动条消失,发现下层网页内容出现右移,关闭modal后下层网页内容又左移至原位
——————————————————————————————————————————————————
↓
解决方案
↓
注意看BS3的modal,有这么一个样式,当打开的时候,会给body
加上modal-open
,于是y滚动条没了,页面宽度变大,自然元素就右移了
.modal-open {
overflow: hidden;
}
------------------------------------------------------------------------------------------------------------------------------------------------------
↓
解决方案
↓
因为modal会给body
添加的modal-open
类,使得overflow
属性默认为hidden
,导致滚动条消失了。(溢出部分直接hidden了)
解决方法:
覆盖原有属性:
.modal-open {
overflow: initial !important;
}
或 在body
上挂上新的类,如下设置:
.fix-modal-open {
overflow: initial;
}
0 0
- bootstrap模态框导致Y轴下拉框消失解决方法
- bootstrap模态框跳转后 框消失了而背景存在问题的解决方法
- bootstrap 嵌套模态框 二级模态框关闭导致一级模态框滚动条消失
- Bootstrap中,模态框嵌套模态框时,关闭第二个模态框时,导致第一个模态框的滚动条消失
- bootstrap模态框瞬间消失解决
- bootstrap 显示下拉框
- BootStrap 下拉框插件
- bootstrap输入框下拉
- bootstrap下拉框
- bootstrap下拉菜单无效的解决方法之一
- 电脑安装windows server 2008 导致磁盘分区消失解决方法
- 重启资源管理器导致托盘图标消失的解决方法
- bootstrap里bootstrap动态加载下拉框
- bootstrap-多层模态框滚动条消失问题
- bootstrap 多重模态框 滚动条消失问题
- bootstrap-组合上、下拉框
- Bootstrap-select搜索下拉框
- bootstrap下拉框动态赋值
- 高斯滤波和双向滤波的区别与联系
- jquery mobile
- online_judge_1472改
- oracle之分页查询
- Qt之模型/视图(委托)
- bootstrap模态框导致Y轴下拉框消失解决方法
- Linux内核编译过程
- Linux /bin/mail 邮件内容显示为附件
- In-App Purchases ("IAP") for Google Play
- iOS学习之分段Table View的使用(Grouped样式表格)城市列表
- LeetCode Path Sum II
- 线上应用故障排查之二:高内存占用
- Android LayoutInflater详解
- Codeforces Round #288 (Div. 2)(稍看即懂,不解释)