Прокрутка Iframe не работает в мобильном Safari - PullRequest
Новая
       39

Прокрутка Iframe не работает в мобильном Safari

0 голосов
/ 14 февраля 2019

У меня есть страница, которая открывается во всплывающем окне (iframe), и она отлично работает везде, кроме мобильного Safari (iPhone 6 Plus) - прокрутка не работает ... пробовал одним и двумя пальцами - все равно не работает.Вместо этого прокручивается страница родительского окна (но я прокручиваю всплывающий iframe - и вижу, что родительская страница прокручивается в фоновом режиме).

У меня есть поиск по этой теме и я нашел пару решений, но они нене работает для меня (вероятно, потому что им несколько лет и, возможно, устарели).

Так вот мой код: 

.mfp-content {
  position: relative;
  heigh: 900px;
  width: 900px;
}

.mfp-iframe-scaler {
    overflow: auto !important;  //also tried 'scroll' here
    -webkit-overflow-scrolling: touch !important;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}
<div class="mfp-content">
  <div class="mfp-iframe-scaler">
    <button title="Close (Esc)" type="button" class="mfp-close">×</button>
    <iframe class="mfp-iframe" src="/super-page" frameborder="0" allowfullscreen=""></iframe>
  </div>
</div>

Я также пытался установить эти стили для тела внутри iframe: 

body.inside-iframe {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

Ни одна из этих работ ...

Вот jsfiddle для теста: https://jsfiddle.net/Ljoc7u9z/

Что я могу сделать, чтобы прокрутка работалав iframe для мобильного Safari тоже?

...