Javascript iPhone上的放大弹出窗口有滚动问题

我正在使用放大弹出窗口在我的网站上显示弹出窗口，它在所有浏览器和智能手机上都运行良好，但是在iPhone上出现了问题，当我打开弹出窗口滚动页面时，“主体”一起滚动

这是我的jQuery代码：

if ($.fn.magnificPopup) {
    $('.open-popup').magnificPopup({
        type: 'inline',
        alignTop: true,
        midClick: true,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'modulos-popup fade-popup'
    });
    $.extend(true, $.magnificPopup.defaults, {
      tClose: 'Fechar (Esc)',
      tLoading: 'Carregando...'
    });
}

---

是的，我面临着同样的问题，下面的补丁似乎对我有效：

js（如果您在不同的地方使用弹出窗口，则非常有用）

css:

准备js：

   $(document).ready(function() {

      if ($('.open-popup-link').length) {
        startWindowScroll = 0;
        $('.open-popup-link').magnificPopup({
          type: 'inline',
          midClick: true,
          fixedContentPos: true,
          callbacks: Utils.magnificPopupConfiguration()
        });
      }
   });

html:

仅限我

$（'html'）。动画（{scrollTop:startWindowScroll}，0）工作
.mfp-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}

html.mfp-helper {
  height: 100%;

  body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0);
  }
}

   $(document).ready(function() {

      if ($('.open-popup-link').length) {
        startWindowScroll = 0;
        $('.open-popup-link').magnificPopup({
          type: 'inline',
          midClick: true,
          fixedContentPos: true,
          callbacks: Utils.magnificPopupConfiguration()
        });
      }
   });

   <a class="open-popup-link" href="#your-html-content">text link</a>