posição fixa, mas com limite para baixo

[Annyh 4]

e ai pessoal...

<script>
	$(window).scroll(function() {
   if ($(this).scrollTop() > 200) { //I just used 200 for testing
       $("#barra-lateral").css({ "position": "fixed", "top": 0 });
   } else {
       $("#barra-lateral").css({ "position": "absolute", "top": "200px", "right": "0px" }); //same here
   }
});
	</script>

 

 

tenho este script que achei na web, bem simples, ele deixa o bloco fixo na página após tantos-px estipulados..

 

mas na minha página gostaria que minha barra lateral fosse fixa até o ponto de chegar próximo ao rodapé, mas minha barra lateral passa por cima do rodapé..

 

 

se alguem tiver um link com o efeito para indicar, agradeço...

[tiujhou 7]

Cara eu não entendi sua pergunta direito, teria que ver um exemplo...

Mas talvez isso possa te ajudar... tente medir o tamanho da div que chega até o rodapé e cria uma váriavel com esse tamanho substituindo os 200....

 

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

 

 

existe ainda:

.outerHeight( [includeMargin] )
.innerHeight()
.offset()
.position()
.scrollTop()
.scroll()

 

entre outras funções que possam te ajudar...