Bootstrap 模態移動頁面

Question

這讓我們發瘋了。

Bootstrap 模式在打開時將頁面背景移動到頁面頂部 - 然后當它關閉時它會返回到正確的位置。

無論如何要防止頁面移動 -

到目前為止 - 更新到 bootstrap 6 並更新了 angular

用過的

.modal {
    overflow-y: auto;
}

.modal-open {
    overflow: auto;
}

.modal-open[style] {
    padding-right: 0px !important;
}

似乎沒有任何效果 -

要查看它，請查看https://topserve.ca/order/mels並單擊頁面下方的菜單項。

Answer 1

刪除以下屬性

來自你html標簽：

1. 寬度：100%；
2. 高度：100%；
3. 溢出：自動；

從你的body標簽：

1. 寬度：100%；
2. 高度：100%；

這應該工作。