Bootstrap模态滚动故障Safari浏览器

如何解决Bootstrap模态滚动故障Safari浏览器

我对Bootstrap的模式有疑问。它在使用Chrome浏览器的台式机和手机上可以正常运行，但是当您尝试在Safari（移动版）中打开它时，会奇怪地滚动浏览整个网站。模态打开时，仅当您向下滚动时才显示模态，而不显示模态后面的页面。我将发布一些有关该问题的图片以及模态代码。

打开模态后，一切看起来都很好：

当您向下滚动模式时，主页在背面可见：

<div class="modal contact-modal fade right" id="add" tabindex="-2" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-full-height modal-right contact-form" role="document">
    <div class="modal-content py-2 px-2">
      <input type="hidden" name="subject" value="Contact via website" />
      <input type="hidden" value="[e-mail]" name="name" />
      <input type="hidden" value="[e-mail]" name="from" />
      <button type="button" class="btn button-close-modal text-right" data-dismiss="modal" aria-label="Close">
                <i class="fas fa-times close-x font-size-30"></i>
            </button>
      <div class="form">
        <div class="content">
          <h2 class="font-weight-bold">Get in touch</h2>
          <p class="font-weight-light">Vul het formulier in en wij nemen binnen één werkdag contact met u op.</p>
          <div class="form-group">
            <input type="text" required name="required[1]" id="required[1]" class="form-control" placeholder="Naam" required>
          </div>
          <div class="form-group">
            <input type="email" required name="required[2]" id="required[2]" class="form-control" placeholder="Email" required>
          </div>
          <div class="form-group">
            <textarea name="message[3]" id="message[3]" cols="30" rows="5" class="form-control" placeholder="Uw vraag"></textarea>
          </div>
          <div class="form-row">
            <div class="col-md-6 offset-md-6 text-right">
              <button type="submit" class="btn btn-primary w-100" value="Versturen">Versturen
                                    </button>
            </div>
          </div>
          <div class="contact-gegevens">
            <h3 class="font-weight-bold">Of neem direct contact met ons op:</h3>
            <div class="naam relative">
              <img src="/images/logo-background-512x512.png" alt="">
              <div class="font-weight-light display-inline-block pl-3"><span class="dik d-block">Modus Digital</span></div>
            </div>
            <a href="mailto:[e-mail]" class="text-dark"><i class="fa fa-envelope pr-3 mt-2"></i>[e-mail]</a>
            <a href="tel:[phone]" class="text-dark"><i class="fa fa-phone pr-3"></i>076 - 205 502 1</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>