Trabalhando com o evento .scroll()
Olá!
Tenho um objeto fixo no final de minha página, porém o problema é, quando o rodapé da página aparecer ao rolar a página, esse objeto precisa assumir uma nova posição, ficando fixado nesse rodapé.
O que acontece, quando a posição do meu objeto for maior que meu conteúdo-rodapé o objeto assume uma posição, só que de acordo como rolar a página o objeto fica fixado nessa posição, sendo que ele deveria ficar fixado no rodapé conforme rolar a página.
Queria um help para elaborar esse script.
function chatPosition() {
jQuery(window).scroll(function(){
var wrap = jQuery('#wrap').height();
var footer = jQuery('#rodape').height();
var footer_offset = jQuery('#rodape').offset().top;
var position = jQuery('.chat').offset().top + 83;
if (position > (wrap - footer)){
jQuery('.chat').stop().animate({
'position' : 'absolute',
'bottom' : '225px'
});
} else {
jQuery('.chat').stop().animate({
'position' : 'fixed',
'bottom' : '0'
});
}
});
}Discussão (3)
Carregando comentários...