Javascript 关闭引导模式将调整我的页面大小

我正在尝试为我的页面创建一个引导模式。但每当我试图关闭该模式时，该模式将调整整个页面的大小

以下是我从页面中获取的gif：

此外，我使用：作为我的模态

我对javascript和bootstrap非常陌生，我不确定该怎么做才能解决这个问题。请帮忙

编辑： 我使用：

要打开：

  <div class="bs-example">
    <div id="myModal1" class="modal fade">
      <div class="modal-dialog" style="width:70%!important;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"
              aria-hidden="true">&times;</button>
            <h4 class="modal-title">Add Credentials Data</h4>
          </div>
          <div class="modal-body">
            //contenthere
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
  </div>

&时代；
添加凭据数据
//知足
接近

要关闭它，我使用：

 <button type="button" class="close" data-dismiss="modal"
                  aria-hidden="true">&times;</button>

×；

或

关闭

您面临的问题是：您的初始页面没有打开模式，适合浏览器。不需要滚动条。但是当你打开模式时，这个模式不适合浏览器，滚动条会占用一些空间。关闭模式后，滚动条消失，一切恢复正常。 您可以创建一个始终适合窗口的模式，如果该模式太大，则允许在该模式内使用滚动条。 或者你可以节省空间，以防滚动条出现，这样你的元素页面就不会被移动。 您可以查找较小的自定义滚动条

---

它取决于需求和口味；）

我通过固定body标签的位置并在其下方添加一个新div来解决这个问题

感谢@Ryan Brackett的回复：

---

post

你能分享一下你的方法吗？因此，我们可以分析问题可能是什么？我已经添加了如何打开和关闭模态窗口啊，所以最简单的解决方法是缩短模态窗口中的内容。但我不认为我可以使它变得更短（因为它有多个表）将溢出/滚动添加到模态中，并给它一个最大高度（当然不高于窗口）…@Stuart我尝试将其添加到模态对话框、模态淡入、bs示例和模态中。还是不走运。但是，如果我添加overflow:scroll到body标记，页面将在模式打开时重新调整为初始大小，在模式关闭时进一步减小页面宽度。我使用引导css作为css文件

 <button type="button" class="close" data-dismiss="modal"
                  aria-hidden="true">&times;</button>

 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>