Вопрос по css, mobile – Прокрутка контента на мобильной странице с фиксированным колонтитулом

3

Здравствуйте, я создаю мобильную веб-страницу, где мой контент будет прокручиваться только, а мой нижний и нижний колонтитулы будут позиции: fixed - могу ли я сделать контент таким образом, чтобы он не прокручивался под верхним или нижним колонтитулом, чтобы он просто прокручивался в нем & apos; с собственной див.

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

Вот jsfiddle, который я сделал, чтобы показать вам пример свитка

http://jsfiddle.net/VNVqs/

Вы должны удалить все абсолютные позиции & amp; задать фиксированную высоту для содержимого прокрутки или оболочки с автоматическим переполнением. И удалить фиксированное положение из заголовка & amp; сноска. Проверь это:jsfiddle.net/VNVqs SVS

Ваш Ответ

1   ответ
6

Вот ты где:

http://jsfiddle.net/VNVqs/3/

Я только что удалилposition: absolute к прокручиваемой части (wrapper а такжеscroll-content) и добавил немногоpadding в оболочку, чтобы первый и последний элементы не находились в верхнем и нижнем колонтитуле.

В основном, трюк делается с помощьюposition: fixed only on header and footer, и разрешиthe rest of the page to scroll as a normal page, без использованияoverflow: auto на конкретном элементе фиксированной высоты. Таким образом, единственная проблема состоит в том, что первые строки вашего контента всегда будут находиться под фиксированным заголовком (и последними - под нижним колонтитулом), но вы можете это исправить, применив некоторые отступы к оболочке контента, так как высота верхнего и нижнего колонтитула. Ты понял?

Error: User Rate Limit Exceeded Fruxelot
Error: User Rate Limit Exceeded Fruxelot
Error: User Rate Limit Exceededrev. 3.
Error: User Rate Limit Exceededfirst exampleError: User Rate Limit Exceeded
Error: User Rate Limit Exceededjsfiddle.net/VNVqs/4 Fruxelot

Похожие вопросы