Bootstrap Modal 关闭时右侧滚动条消失,页面左移的解决方法
2017-03-28 19:55
513 查看
问题描述:页面在打开Modal之前右侧有滚动条,Modal关闭之后,body中的class="modal-open"和style="padding-right: 17px;"并未被移除,导致滚动条消失,并且页面左移,打开并关闭Modal一次,页面左移一次,一直累加。
body中被添加的class和样式未被移除的原因一直未找到,目前的解决方法是在关闭Modal时触发一个事件,代码如下:
问题解决,加班结束。
body中被添加的class和样式未被移除的原因一直未找到,目前的解决方法是在关闭Modal时触发一个事件,代码如下:
<script type="text/javascript"> window.onload = function() { $('.modal').on('hide.bs.modal', function() { $("body").removeClass('modal-open'); $("body").css('padding-right','0px'); }) }; </script>
问题解决,加班结束。
相关文章推荐
- 解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法
- 解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法
- Bootstrap关闭弹出窗导致另一个弹出窗滚动条消失的解决办法
- Bootstrap modal使用及点击外部不消失的解决方法
- 解决bootstrap中modal遇到Esc键无法关闭页面
- 解决bootstrap中modal遇到Esc键无法关闭页面
- 解决href使用onclick方法时点击该链接的时候不会跳转页面.但是滚动条会往上滚的问题
- 没有滚动条,页面内容显示不全问题的解决方法
- 在 360浏览器下 position:relative; 不随着滚动条的滚动而滚动而是飘在页面上 解决方法 给父级也就是出现滚动条的元素添加 position:relative;就ok l了
- bootstrap 嵌套模态框 二级模态框关闭导致一级模态框滚动条消失
- android中关于使用scrollview嵌套LinearLayout,页面滚动条不到底的解决方法
- bootstrap模态框(modal)使用remote方法加载数据,只能加载一次的解决办法
- bootstrap下使用模态框,在模态框内输入框中回车时,模态框自动关闭的问题及解决方法
- Toast在进行页面跳转后关闭提示的解决方法!
- 【转】bootstrap模态框(modal)使用remote方法加载数据,只能加载一次的解决办法
- 页面中弹出模态窗口,提交表单后关闭窗口并刷新父页面解决方法
- Bootstrap-Modal升级到CSS3后,模态层不完全消失的解决办法
- RDLC报表WEB页面中斜线消失之解决方法
- Bootstrap中,模态框嵌套模态框时,关闭第二个模态框时,导致第一个模态框的滚动条消失