Исправьте div внутри iframe внизу iPad

У меня есть страница с фиксированным div, которая отображается внизу экрана. Когда я ставлю эту страницу в IFRAME не имеет никаких проблем при просмотре в настольныхИсправьте div внутри iframe внизу iPad

На рабочем столе желтая полоса идет на дно без каких-либо проблем: https://jsfiddle.net/x1p4bf7j/12/

<iframe id="if1" src="https://fiddle.jshell.net/8ghsm1La/show/light/" />

но на IPad это не текст просто не помещается внутри iframe. Ниже приведен текст, как он отображается в iPad. enter image description here

Как вы можете видеть на изображении, нет липкого нижнего колонтитула. Я хочу, чтобы это было на дне моего iPad.

enter image description here

источник

2015-03-26 Raghav

Вопрос заключается в том, как мобильный сафари предоставляет плавающие фреймы. Он не учитывает атрибут высоты, предпочитая устанавливать высоту вашего iframe на основе высоты вашего контента. Лично это имеет смысл, когда вы думаете о том, как более ранние версии IOS обрабатывали переполненную прокрутку (прокрутка двумя пальцами). Представьте iframe, в котором также содержится прокручиваемый элемент!

(Связанная StackOverflow здесь: iframe size with CSS on iOS)

Во всяком случае, ваш «фиксированный» сноска фиксирована - только в нижней части очень большого фрейма.

источник

2015-03-26 23:56:01 Jack

Джек, я следил за сообщением, которое вы упомянули, и пришел к этому https://jsfiddle.net/x1p4bf7j/15/. Я столкнулся с той же проблемой. Липкий div все еще не подходит к экрану iPad. Мне нужно прокрутить до нижней части iframe, чтобы просмотреть липкий div. – Raghav

Привет @RaghavKhunger - К сожалению, проблема будет сохраняться до тех пор, пока липкий div будет содержаться в вашем нижнем колонтитуле. Обходной метод внешнего div позволяет применять «переполнение» к iframe. Высота iframe по-прежнему остается на 100%, и по этой причине нижний колонтитул 'fixed' продолжит действовать« изворотливым »на iPad. – Jack

ответ

Смежные вопросы