Елемент да остава в дъното на страницата при липса на скрол?

streleca_stz

Registered
Здравейте!

Искам да ви попитам как може да се направи така, че определен елемент от дизайна да стои в дъното на порозореца ако самата страница не е с много информация и няма скрол лента? А ако има скрол да си се движи динамично с информацията?
 
В css на елемента, който искаш да стои "залепен" в дъното на страницата му задаваш position: fixed; и bottom: 0;

Демо
[css]
#element{
position: fixed;
bottom: 0; /* Това е само като пример */
}
[/css]
 
plamen_003 каза:
В css на елемента, който искаш да стои "залепен" в дъното на страницата му задаваш position: fixed; и bottom: 0;

Демо
[css]
#element{
position: fixed;
bottom: 0; /* Това е само като пример */
}
[/css]
Да, но така ще е залепен през цялото време, а аз искам само АКО няма скрол самата страница... :/
 
Тогава ще ти трябва js, предлагам ти да бъде с jquery. Ето как става:
[js]if(parseInt($(window).height()) < (parseInt($("#bottom").height()) + parseInt($("#bottom").offset().top))) {
$("#bottom").css("position", "fixed");
} else {
$("#bottom").css("position", "relative");
};
[/js]
Демо: http://jsfiddle.net/DS58p/1/
 

Горе