自举解雇模态并显示另一个模式

Question

具有位用引导程序的模态的问题，

我有一个使用一个模态（按下时登录表单将出现）

如果用户登录表单没有帐户，他们可以按“注册”我想登录模式被解雇，注册模式出现

我有这个工作，登录表单被点击注册时被解雇，但当显示注册模式时，您不能向上或向下滚动注册模式，（您可以向上或向下滚动登录模式）

对不起长解释，下面的jsfiddle是我的代码，

<p> Don't have an account? <a data-dismiss="modal" data-toggle="modal" data-target="#myModal1"> Sign up</a> 

这是驳回登录模式，并显示在注册模式的代码。 我知道该模式是通过data-dismiss =“modal”解除的（因此页面认为模式已关闭并在网页中滚动），但是我不知道如何找到解决方法。

http://jsfiddle.net/5v4nejsz/

的Lorem存有那里显示滚动的例子。

第一种形式是在登录模式，第二种形式是注册

感谢您的帮助！

Answer 1

我成功了以下。我创建了一个具有属性溢出的类：hidden。只要myModal1打开，它就会添加到主体中。

$("#button").click(function(){ 
    $('#myModal').modal("hide"); 
    $('#myModal1').modal("toggle"); 
    $("body").addClass("notScroll"); 

}); 

当myModal1关闭，类被删除：

$('#myModal1').on('hidden.bs.modal', function() { 
    $("body").removeClass("notScroll"); 
}); 

现在，你必须让myModal1滚动：

<modal... id="myModal1" style="overflow-y: scroll"> 

的jsfiddle：http://jsfiddle.net/5v4nejsz/22/

Answer 2

这在拨弄工作对我来说

<p> Already't have an account? 
    <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#myModal"> Sign in </a> 
</p> 

所以我在这里所做的操作顺序是先关闭该第一模式。之后，下一个操作是再次显示您的登录窗口。

Demo