jQuery no Rodapé

[Lucas Azevedo_109881 0]

Opa!

 

Gente um cliente.. pediu para eu fazer um rodapé parecido com esse aqui.

 

http://www.br.brookfield.com/SP

 

Ele fica sempre no bottom 0 fixa.. mais quando a página chega no fim dá página ele sai dessa posição e fica em outro lugar..

 

eu ja tentei usar o firebug e nada..

 

Se alguem puder me ajudar.

 

Obrigado

[Mateus Avila Isidoro 8]

Se não me engano, eles usam position:fixed até atingir um position.top definido. Usa o evento scroll.

 

Não é um script fácil de passar aqui, tinha umas 25 linhas. Mas se quiser tentar, procure no arquivo structure.js a expressão scroll

[Bruno Augusto 417]

Me parece que o trecho do script responsável por isso, é esse:

 

myScroll: function(){
	var _d = $(document).height() - $('.fixed-bar').height();
	var _dd = $(document).height() - $('.footer .fixed-bar').height() * 4;
	var _f = $('.footer .fixed-bar').position().top;

	//trace('Barra ' + _f)
	//trace('DOCUMENT ' + _d)

	if(_f == _d){
		$('.fixed-bar').addClass('bottom');
		//trace('BOTTOM')
	} else if(_f <= _dd){
		$('.fixed-bar').removeClass('bottom');
		//trace('NO BOTTOM')
	}

}

Nada mais do que uma lógica executada para adicionar ou remover uma nova classe CSS ao elemento, com aseguinte declaração:

 

.footer .bottom 
{
bottom: 96px!important;
}

[Mateus Avila Isidoro 8]

Faltou mostrar o evento scroll. Essa função myScroll apenas mostra que é feito, quando tem algum evento.

       structure.myScroll();
       $(window).bind('scroll', myScroll);
       $(window).bind('resize', myScroll);

 

Coloque isso dentro do teu código jquery e nos mostre o código, para a gente depurar.