исправлено вертикальное позиционирование CSS внутри фрейма

Question

Я пытаюсь заставить мой нижний заголовок придерживаться нижней части экрана внутри моего приложения iframe, и он всегда отображается для пользователя, даже когда страница прокручивается. Я не контролирую внешний iframe, так как он находится в другом домене. Сам заголовок должен быть внутри iframe, так как я не могу контролировать его. Элемент iframe всегда расширяется до высоты его содержимого, поэтому у него нет полос прокрутки, но панель все равно должна быть видна в окне просмотра всегда.

Еще один момент, на который следует обратить внимание: высота iframe должна совпадать с высотой его содержимого, поэтому для них не нужны полосы прокрутки

Answer 1

В Chrome есть ошибка, которая не исправляет элементы с position:fixed, если:

a) вы используете CSS3-преобразование в любом элементе и / или

b) у вас есть дочерний элемент, расположенный за пределами поля его родительского элемента

Как ни странно, об ошибке сообщили еще в 2009 году, и она все еще открыта: https://code.google.com/p/chromium/issues/detail?id=20574

Answer 2

Возможно, вы захотите поиграть с фиксированной позицией;

#element {
    position: fixed;
    z-index: 1000;
    bottom: 0;
}

EDIT:

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

Что вы можете сделать, это создать контейнерный элемент div, а затем вы можете вложить как свой заголовок, так и iframe в этот контейнер. Затем вы можете поиграть с позиционированием, хотя я не уверен, что точное поведение, которое вы ищете, возможно без некоторого JavaScript.

РЕДАКТИРОВАТЬ 2:

Немного поиграв, я получил кое-что, что, как мне кажется, могло бы помочь (если я правильно понимаю вашу проблему).

http://digitaldreamer.net/media/examples/iframe-site.html http://digitaldreamer.net/media/examples/iframe.html