Fixar div até atingir uma certa altura

Fala pessoal, tudo bem?

Eu tenho o seguinte código:

	<script>

	   $(function(){

	var jElement = $('.fixar_banner');

	$(window).scroll(function(){

	    if ( $(this).scrollTop() > 120 ){

	        jElement.css({

	            'position':'fixed',

	            'top':'10px'

	        });

	    }else{

	        jElement.css({

	            'position':'relative',

	            'top':'auto'

	        });

	    }

	});

	});

	</script>

	 

	Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol.

Espero ter sido claro.

Obrigado :)