Bootstrap 模型滚动问题

Question

This is my website.

我在搜索输入框（搜索、位置）中放置了一个点击图标时显示的bootstrap模态。但是当显示模型时，由于页面的滚动条消失，背景向左移动。

Answer 1

您可以覆盖 bootstrap 中的 css，这会导致滚动条被隐藏：

变化：

.modal-open {
   overflow: hidden;
}

收件人：

.modal-open {
   overflow: auto; 
}

Answer 2

您可以在此函数中插入您的代码，该函数将在打开模式时触发 window:

$('#myModal').on('shown.bs.modal', function () {
  // your jQuery code goes here
})