Barra fixa

[Murillo Fagá 0]

Salve galera,

Eu queria colocar uma barra fixa no topo, que quando o scroll for abaixado, ela mudar o tamanho, igual no site da ibm: www.ibm.com

 

não sei como isso possa ser feito, axo q com css e javascript da...

 

alguém tem algum script ou algo que ajude? ;)

[Henrique Barcelos 290]

Não consigo visualizar o efeito no site da IBM em um monitor full HD.

 

Basicamente, o que você tem que verificar é se o elemento em questão está na área visível da tela, se não estiver, você vai posicioná-lo de forma fixa (position:fixed) e alterar o estilo (altura, cor, etc.).

 

Isso pode ser feito no evento onscroll do objeto window:

 

window.onscroll = function (e) {
  // called when the window is scrolled.
}

O evento e passado por parâmetro terá uma propriedade chamada offsetTop, se não me engano, que indica o deslocamento desde o início da página. Cada elemento possui a mesma propriedade, que indica a sua posição em relação ao topo da página. Detalhe: esses valores correspondem com o início do DOCUMENTO, não da janela do navegador.

 

Creio que o lugar mais adequado para essa dúvida seja a seção de Javascript. Vou mover para lá.