打開和關閉角ui引導程序的uib-modal時修復頁面移動

Question

打開和關閉uib-modal時存在頁面移動。檢查https://angular-ui.github.io/bootstrap/#/modal。注意滾動條的消失和外觀。

這個問題已經在這裏問（Opening AngularJS modal causes page to shift if scrollbar exists），但沒有一個靈活的工作。給出的唯一解決方案是將overflow-y設置爲即使不需要滾動也會創建垂直滾動的主體。

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

移位可能即將因模式打開時添加一些填充到體內。由於一些錯誤，我甚至不知道這個填充是否與body保持一致，即使當模式被關閉並且由於該頁面轉換。

當模式正在按鈕關閉點擊你可以嘗試 -

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

它的工作在我的情況。