Djelomično FIXED div?

Programiranje
1

Dakle imam sidebar s navigacijom koji je djelomično vidljiv u biti nalazi se tek na 900px negdje od vrha.

I tamo stoji.

No pored njega ima dosta sadržaja i volio bi da kada dođe kompletan u viewport stane i lebdi otrpilike 100px od vrha stranice.

Probao sam neka polovična riješenja i uvijek neki problem.

Ima netko neko riješenje?

Znači biutno je dastoji tamo gdje je no kad naiđe na 100px od vrha onda da postane fixed, da stoji.

2 
$(window).scroll(function(){
	var bHeight = $(document).height();
	var wHeight = $(window).height();
	var scrollTop = $(window).scrollTop();
	var whatJump=4;
								
								
								
	if(scrollTop>100)
	{
	whatJump=scrollTop-100;
	}
								
								
	$("#neki_div")			
		.stop()
		.animate({"marginTop": (whatJump) + "px"}, "ease");
				
});

to je rijesenje sa jqurijem samo izmijeni $("#neki_div")

3

nisam stigao ranije idem probati.
Trebam koji library uključiti?

NOP. stvar stoji na mjestu.

Stavio sam div samo širinu visinu testni.

I ništa.

4

Nisam siguran ali mislim da ovo tražiš. Edit this Fiddle - jsFiddle

5

Ovo gore od mahira ipak radi ja sam napravio lapsus u codu.
NO problem je što je sidebar koji tako treba ići i sada ide radi , nalazi se s glavnim sadržajem u wrapperu koji ima auto hight pa mi ako scrolam dolje ide u beskonaćnost.
Ne znam kako da ga zaustavim.
kada bi to još riješio onda sam na konju:) i dugujem već par ljudi ovdje pivo/sok whatever…

6

mayday ovaj tvoj primjer ne šljaka mi jer stvar je da pozicija nije fixed, već je element floatan i u rincipu ne vidi se kada se stranica učita jer je skroz dolje.

Trebao bi samo sada ideju kako da zaustavim da ne širi taj auto div u kojem se nalazi sidebar koji treba floatati i content koji je kako na kojoj stranici različite duljine.