在打开和关闭角度ui bootstrap的uib-modal时修复页面移位

Question

打开和关闭uib-modal时有页面转换。 检查https://angular-ui.github.io/bootstrap/#/modal 。 注意滚动条消失和外观。

这里已经提出了这个问题（ 如果滚动条存在，打开AngularJS模态会导致页面移位 ）但是没有工作灵魂。 给出的唯一解决方案是将overflow-y设置为body，即使不需要滚动也会创建垂直滚动。

body{
overflow-y: scroll !important;
}

还访问了以下链接，但无法为uib-modal实现它。 有没有解决这个问题的方法？ 提前致谢。

1. https://github.com/twbs/bootstrap/issues/9855
2. https://github.com/angular-ui/bootstrap/issues/3714

Answer 1

移动可能会到来，因为当模态打开时，它会向身体添加一些填充。 由于一些错误，我不知道这个填充物是否仍然与身体保持在一起，即使模态被关闭并且因为该页面移位。

当按钮单击关闭模态时，您可以尝试 -

    $("#ModalId").modal('hide');
    $('.modal-backdrop').remove();
    $('body').removeClass('modal-open');
    $('body').css('padding-right', '');

它适用于我的情况。