Всегда в верхней части блока HTML для iPhone

Question

Как я могу создать блок DIV, который всегда остается внизу моей страницы? При прокрутке больше контента должно отображаться прямо над блоком. Единственное решение, которое я могу придумать, - это использовать 2 фрейма, но я предпочитаю использовать CSS.

Обновление: решение должно работать на iOS

Answer 1

Вот немного CSS:

.bottomFixed {
    position:fixed;
    bottom: 0;
    /* technically not necessary, but helps to see */
    background-color: yellow;
    padding: 10px;
}

Вот немного HTML:

<div class="bottomFixed">Hello, world!</div>

Этот div будет размещен в нижней части экрана и останется там.Примечание: это не будет работать на iOS из-за способа прокрутки.

Answer 2

div.bottom {
  position:fixed;
}

Тогда просто переместите его туда, куда хотите.К сожалению, поддержка браузера ограничена.Например, IE6 не поддерживает эту опцию для position.Также обратите внимание, что это удаляет div из потока, поэтому вам нужно убедиться, что у зрителя достаточно места, чтобы увидеть вещи внизу страницы с div вверху.