用jQuery切换后，专注于Bootstrap模式

Question

我有一个模态链接到另一个模态。我用jQuery很容易切换到另一个，但问题是在切换之后有一个页面正文的滚动条，即使加载的模态非常小;这就像焦点在模态切换后的页面body中一样。

这是切换模态的代码：

$('a#login_resend_activation').click(function(){
    $('#login').modal('hide');
    $('#resend').modal('show');
    return false;
});

请注意a#login_resend_activation是第一个模式（正在关闭的模式）的一部分。

当模态可见时，滚动条实际上​​能够滚动页面主体（模态的背面）会发生什么？如何将焦点转移到当前模态？

Answer 1

将body的位置设为fixed并隐藏溢出：

...
$('#resend').modal('show'); 
$('body').css({position: 'fixed', overflow: 'hidden'});

Here's a demo ，我为别人做了一段时间。

这有点丑陋，但有点大笑了