Bootstrap中,模态框嵌套模态框时,关闭第二个模态框时,导致第一个模态框的滚动条消失
2016-05-09 21:57
351 查看
问题:在使用Bootstrap时,有时候会用到模态框中再嵌套模态框。这样就会出现一个问题,就是在关闭第二个模态框时,会导致第一个模态框的滚动条消失,这样就会使得屏幕太小而模态框太大看不到底部信息,而没法进行操作。
解决方法:就是在第二个模态框的关闭h
代码如下: myModalEdit是第二个模态框的id,myModal是第一个模态框的id
$('#myModalEdit').on('hidden.bs.modal', function() {
$('#myModal').css({'overflow-y':'scroll'});
});
解决方法:就是在第二个模态框的关闭h
ide方法调用之后立即触发的事件中,设置第一个模态框的样式,给其加一个样式:'overflow-y':'scroll'。
代码如下: myModalEdit是第二个模态框的id,myModal是第一个模态框的id
$('#myModalEdit').on('hidden.bs.modal', function() {
$('#myModal').css({'overflow-y':'scroll'});
});
相关文章推荐
- HTML5 -- 网页框架bootstrap的简单使用
- Bootstrap模仿起筷首页效果
- Bootstrap富文本组件wysiwyg数据保存到mysql的方法
- Bootstrap使用记录–paginator分页
- 笔记-bootstrap span 无效
- Bootstrap进阶七:LESS语法详解
- Boostrap入门准备之border box
- Bootstrap进阶六:动态样式语言LESS简介
- Bootstrap学习笔记
- Bootstrap学习
- Bootstrap学习笔记
- Bootstrap 3.3.2 所有样式
- Bootstrap进阶五:Web开发中很实用的交互效果积累
- Bootstrap之起筷页面的仿制。。。
- Bootstrap的使用。。。之登录界面。。。
- bootstrap-datepicker 位置错误问题
- # 关于 \kartik\select2\Select2 在 Bootstrap 模态框内不能使用智能搜索的问题
- 基于bootstrap插件实现autocomplete自动完成表单
- Bootstrap 4 中 Alerts 实现
- JFinal与bootstrap实现简单的增删改功能