position fixed iekšs diva

[anonīms]

http://www.bildites.lv/images/09tslg9eox2cm6bk09li.png

Ar skici man liekas, ka labāk mācēšu paskaidrot.

 

Tātad ir viens lielais divs, kurā viss ir iekšā. Kā panākt, ka izvēlne, kas skicē ir orandža ar position:fixed ietu nevis līdz browsera apakšai vienmēr, bet teiksim staigātu tikai pa to divu? varbūt tur pat nevajag position:fixed?

[briedis]

divu, ko gribi dabūt vienmēr apakšā:

position:absolute;

bottom:0px;

 

un tad vecākam uzliec paddingu no apakšas tik cik ir tas apakšējā div'a augstums, lai teksts nepalien zem paša div'a.

<div style="padding-bottom:20px; position:relative;">

<p>Saturs</p>

<div style="position:absolute;bottom:0;height:20px;">Apakša</div>

</div>

[anonīms]

Nu tas skaidrs, bet ir nepieciešams tā, ka, ja ir maza izvēlne, tad šī izvēlne staigā kā position:fixed. Attiecīgi, ja nav sasniegts diva beigas, tad viņa staigā pa visu divu browsera apakšā. Pašlaik ir tā, ka uzliekot fullscreen vai lielāku rezolūciju šis #bottom ir pašā browsera apakšā un tas vairs neder.

[anonīms]

samočiju kkā tā. Pagaidām viss šancē

function bottom_fixed() {
if($(window).height() > 800) {
 	$("#bottom").css("position", "relative");
 	$("#bottom").css("bottom", "30px");
}
else {
 	$("#bottom").css("position", "fixed");
 	$("#bottom").css("bottom", "0px");
}
}
$(document).ready(function() {
bottom_fixed();
});
$(window).scroll(function() {
bottom_fixed();
});
$(window).resize(function() {
bottom_fixed();
});