bootstrap多个模态框嵌套显示，造成的遮罩颜色加深和页面滚动条问题

网上找到了csdn 一位大神的解决方案：

http://blog.csdn.net/k358971707/article/details/71908862

大神的方案有一点小问题，就是当多个模态框都有滚动条的时候，隐藏前一个模态框后，当前模态框的滚动条不出现了。

我在大神基础上改进了，现在记录，贴上代码

修改代码：

//判断当前页面所有的模态框都已经隐藏了之后body移除.modal-open，即body出现滚动条。
            if ($('.modal.fade.in').length === 0){
            	that.$body.removeClass('modal-open');
            	that.$body.css({"padding":"8px 20px"});
            }else{
            	that.$body.addClass('modal-open');
            	that.$body.css({"padding":"8px 20px"});
            }

整体代码：

    

        这是一个很长的div,使页面出现滚动条。
        
使用Bootstrap创建多模态框
        
你可以在这添加一些文本。
        

            

                

                    

                        ×
                        
这是第一个模态框
                    
                    

                        
第一个模态框中的文本
                        
你可以在这添加一些文本。
                    
                    

                        弹出第二个模态框
                        关闭
                    
                
            
        
        

            

                

                    

                        ×
                        
这是第二个模态框
                    
                    

                        
第二个模态框中的文本
                        
你可以在这添加一些文本。
                    
                    

                        弹出第三个模态框
                        关闭
                    
                
            
        
        

            

                

                    

                        ×
                        
这是第三个模态框
                    
                    

                        
第三个模态框中的文本
                        
你可以在这添加一些文本。
                    
                    

                        
                        关闭
                    
                
            
        
        
发动演示模态框