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

Question

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的话，就会出现两个滚动条

Answer 1

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

$('#button2').click(function(){
    setTimeout(function(){
        $('body').addClass('modal-open');
        $('body').css('padding-right','17px');
    },500);
})