Можно ли выровнять элемент по нижней части окна, но сделать его прокручиваемым только с помощью CSS? - PullRequest
0 голосов
/ 22 апреля 2010

У меня есть дизайн, в котором я хочу выровнять нижнюю часть вступительного абзаца с нижней частью окна, но при этом сделать прокрутку с остальной частью страницы. Поэтому, когда страница открывается, посетитель видит только первый абзац (и полноэкранное фоновое изображение, на котором я хочу сфокусировать свое внимание), но, прокручивая, он видит абзац и остальную часть текста. Высота вступительного элемента может варьироваться.

Прямо сейчас я думаю, что для этого нужно ввести некоторый javascript - измерить высоту окна, высоту абзаца и настроить top: или margin-top абзаца на разницу между двумя значениями.

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

1 Ответ

0 голосов
/ 23 апреля 2010

Попробуйте что-то вроде этого:

<html>
    <div id="wrap">
        <p>Your first paragraph text here...</p>
    </div>
    <p id="absPos">The rest of your text here...</p>
</html>

И CSS:

html, body, #wrap {
    height: 100%;
}

#absPos {
    bottom: 0;
    left: 0;
    position: absolute;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...