[Resolvido] Variação da posição de DIV

[rockybalboa 0]

Boa noite pessoal, acabei de me cadastrar, porém já frequento o forum a muito tempo.

Minha dúvida pode ser simples, mas não consegui encontrar a solução.

 

Vocês já viram a barra de menu do novo layout do gmail? "Archive | Spam | Delete...", ela só se torna fixed quando está no topo da tela. Parece ser simples, a div rola normalmente até chegar no topo, daí ela "vira" fixed.

 

Imagino que seja alguma função javascript que realiza essa transformação.

 

Alguém sabe como fazer ou como eu pesquiso por isso?

 

Valeu! Abraços.

[Henrique Barcelos 290]

Para pegar a posição da barra de rolagem, use uma dessas propriedades (uma delas funciona para todos os navegadores, só não lembro qual):

window.pageYOffset   
document.documentElement.scrollTop 
document.body.scrollTop

 

Depois disso, verifica se ela é maior que um dado valor e se for, altere o CSS do elemento...

[rockybalboa 0]

Era isso ai mesmo, valeu!