Как разрешить прокрутку внутри Shadowbox iframe?

Question

Как разрешить прокрутку внутри Shadowbox iframe?

0

Я использую Shadowbox для отображения сразу нескольких фреймов (http://www.shadowbox-js.com/).

У меня есть живой сайт, на котором он работает:
http://www.pandoragaming.net/minecraft/vote
* Нажмите "загрузить встроенное голосование", чтобы отобразить фреймы.

Таким образом, они, похоже, позволяют прокручивать все, кроме мобильных устройств Apple; таких как iPad и iPhone.

Я пробовал это решение: IFRAME и Safari на iPad, как пользователь может прокручивать контент?

Но не повезло.

Синтаксис для сгенерированных фреймов:

<div id="sb-body">
    <div id="sb-body-inner">
        <iframe id="sb-player">
            //iframe content
        </div>
    </div>
</div>

Любые идеи, как это исправить? Способ, которым я использую iframes, требует прокрутки.

user3420034 21 март 2014, в 21:34

Источник

0

используйте overflow-y:scroll; , но это зависит от height дочернего элемента, превышает ли он height parent container .
rockStar 21 март 2014, в 20:25

Теги:

html

css

iframe

shadowbox

1 ответ

Ещё вопросы

используйте overflow-y:scroll; , но это зависит от height дочернего элемента, превышает ли он height parent container .

Aaron · Answer 1 · 2014-08-12T15-51-00.000Z

Попробуйте это, чтобы не создавать двойные полосы прокрутки на других устройствах.

 $(window).load(function(){

            if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {

                $('#sb-body-inner').css({
                    'overflow': 'scroll', 
                    '-webkit-overflow-scrolling': 'touch' 
                }); 

            }
    });