menu aparece conforme scroll

[stromdh 15]

Blz galera... eu pesquisei a respeito da minha dúvida. Até consegui respostas, mas não da forma como preciso.

 

tenho um menu fixo na direita que precisa sumir quando o rodapé aparecer. Eu consegui um código que ele some mas quando atingir um determinado valor no scroll Y. O problema é que a página tem vários expanders e não posso me basear nesse valor, pois se estiverem todos expandidos, o menu pode sumir e o rodapé (que tem o menu tb) não vai estar na tela ainda.

 

então preciso ter uma condição que só quando o rodapé estiver visível o menu da direita pode sumir. Sou meio fraco em javascript e preciso de uma grande ajuda. Alguém pode me dar essa força?

 

abs

[Rafael Sirotheau 43]

Ao invés de esperar o scroll chegar num ponto especifico, verifica o offset().top do rodapé. Algo assim (com jQuery):

$("window").on('scroll',function() {
  if($('window').scrollTop() > $('.rodape').offset().top - $(window).height())
    // esconde menu
  else
    // exibe menu
})

[stromdh 15]

Fala Rafa... cara, valeu pela dica, mas eu consegui resolver de outra forma. Eu usei o scroll da página como referencia dae quando o scroll chega no final da página ele faz a ação.

 

meu código ficou assim:

$(window).scroll(function (e)
    {
        var body = document.body;    

        var scrollTop = this.pageYOffset || body.scrollTop;

        if (body.scrollHeight - scrollTop === parseFloat(body.clientHeight)) 
        {
            $('.menuFixo').fadeOut(500);
        }
        else
        {
            $('.menuFixo').fadeIn(500);
        }
    }); 

uma uma vez obrigado pela força.

 

abs