полосы прокрутки iframe на iPad

Question

У меня есть пара iframes, расположенных абсолютно (слева и справа).

Во всех браузерах рабочего стола они отображаются правильно по высоте и с полосами прокрутки.

На iPad нет полос прокрутки, они просто увеличивают всю высоту своего контента.

Есть идеи?

<iframe src="/solutions/pcc/builder/picker.asp" id="iframepicker" name="iframepicker"></iframe>  
<iframe src="work.asp" id="iframesurvey" name="iframesurvey" onload="frameisloaded(this)"></iframe>

CSS:

#iframepicker,#iframesurvey{
    width:48%;
    position:absolute;
    top:80px;
    height:85%;
    overflow-y:scroll;
    padding:2px;
}
#iframepicker{
    left:14px;
    border:1px solid #0066cc;
}
#iframesurvey{
    right:12px;
    border:1px solid #006638;
}

Answer 1

Вы можете получить полосы прокрутки на iPad.Кто бы ни сказал, что у ipads нет полос прокрутки, это неправильно.

Для ios5 можно добавить -webkit-overflow-scrolling: touch;Вам нужна высота, определенная, хотя.Это позволит вам одним движением пальца и при прокрутке появится полоса прокрутки.Он исчезнет, ​​как только ваш свиток будет завершен.Кроме того, у меня также были проблемы с этим правилом CSS на страницах с iframes ... Надеюсь, оно работает и у вас!

Answer 2

Ну, на iPad нет полос прокрутки.Вы используете два пальца для прокрутки.Возможно, вы уже знали это, но на случай, если вы ожидаете полосы прокрутки, я просто хотел, чтобы вы знали, что вы никогда не увидите никаких полос прокрутки на iPad.

Если это не просточто вам не хватает полос прокрутки, а содержимое фактически распространяется на полную высоту, я бы попытался использовать фиксированный размер вместо%.Возможно, iPad просто игнорирует% и использует всю высоту контента.