bootstrap的模态框显示后的页面滚动的问题

tiansusu
  • 53

1、问题:
当在一个打开的模态框中触发一个关闭当前模态框并打开新的模态框的事件的时候,新打开的模态框过长时没有办法滚动,滚动的会是整个网页
代码:
$('#login').modal('hide');
clear_form($('#user_login_form'));
$('#apply').modal('show');
问题呈现:
https://jsfiddle.net/tiansusu...
尝试过的方法:
我发现是modal show的时候会给body加一个名为modal-open的class和padding-right:17px的样式,但是如果先关了一个,就没有办法加上class和style,我试过手动加,但是如果点叉叉的话就不能触发,这样body就不能滚动了,如果给div加overflow-y:auto的话,就会出现两个滚动条

回复
阅读 5.9k
1 个回答

目前给元素绑了点击事件,可以实现

$('#button2').click(function(){
    setTimeout(function(){
        $('body').addClass('modal-open');
        $('body').css('padding-right','17px');
    },500);
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏