У меня есть страница, которая открывается во всплывающем окне (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 тоже?