Проверьте, находится ли элемент в clientHeight - PullRequest
Новая
       21

Проверьте, находится ли элемент в clientHeight

0 голосов
/ 30 января 2012

Я хочу установить div в нижней части страницы.

Если div основного содержимого меньше высоты клиента, он должен отображаться внизу страницы.

Если div содержимого больше, то div следует установить ниже div содержимого.

Вот два изображения, чтобы лучше объяснить мою проблему:

http://www.suckmypic.net/25999/7903846b.png

http://www.suckmypic.net/26000/45dfbe5c.png

Кто-нибудь может рассказать мне логику, как это сделать?

Ответы [ 2 ]

1 голос
/ 30 января 2012

Есть несколько способов сделать это, вы ищете тип sticky footer, который в Google, и вы получите много результатов.

Дайте эту попытку: http://css -трюки.com / сниппет / CSS / липкая сноска /

0 голосов
/ 30 января 2012

Это можно сделать легко. 

var winHt = $(window).height();
var contentHt = $("#content").height();
var footerHt = $("#footer").height();

if (winHt >= contentHt) {
    $("#footer").css("top",winHt-contentHt-footerHt);
}

См. Эти две демонстрационные страницы: - Случай 1: когда содержимое div меньше окна -> http://jsbin.com/otulog/2

Случай 2: Когдаdiv содержимого больше окна -> http://jsbin.com/otulog/3

...