Lance da Div

[MacX 0]

Dae galera, alguém sabe fazer aquele lance de uma div permanecer sempre na tela? Tipo tu rola o scroll e ela acompanha.Valeu !!

[Martinelli 0]

Espero que isto te ajude:

ASP [/tr][tr]// =============================================================================

// FUNÇÃO MANTER UM OBJETO FIXO NUM PONTO DA TELA, INDEPENDENTE DA ROLAGEM

// AUTOR = Paulo Marcos Martinelli

// DATA = 23/12/2003

// =============================================================================

function fixar() {

var rolX = parseInt(document.body.scrollLeft); // armazenando os valores de rolagem horinzontal da página

var rolY = parseInt(document.body.scrollTop); // armazenando os valores de rolagem vertical da página

var pgX = parseInt(document.body.clientWidth); // armazenando a largura da página

var pgY = parseInt(document.body.clientHeight); // armazenando a altura da página

var imgX = parseInt(logo.width); // armazenando a largura da imagem

var imgY = parseInt(logo.height); // armazenando a altura da imagem

logo.style.left = rolX + pgX - (imgX); // posicionando a imagem, horizontalmente, pelo calculo: rolagem_horizontal + largura_da_pagina - (largura_da_imagem)

logo.style.top = rolY + pgY - (imgY); // posicionando a imagem, verticalmente, pelo calculo: rolagem_vertical + altura_da_pagina - (altura_da_imagem + barra_de_copyright)

window.setTimeout("fixar()",100); // atualizando os valores a cada 100 milésimos de segundo

}

window.onload = fixar; // usando o evento onload para startar a função

[/tr]

 

Note que eu chamei a DIV de LOGO.

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

[MacX 0]

Show de bola, valeu !!!Vou testar!

[MacX 0]

Cara, não funcionou

[andrealoisio 1]

Acho que o evento tá errado véio

 

se você colocar no onload ela só vai posicionar quando carregar a página... acho que você tem que colocar no onscroll

 

[]'s

http://forum.imasters.com.br/public/style_emoticons/default/ninja.gif

[Martinelli 0]

Respondendo o comentário do AndreAloisio, o evento não tá errado não.

O setTimeout ficará executando a função constantemente.

 

MacX, esta função está sendo usada no site www.cristocentro.org.br, dá uma olhadinha lá.

 

Vou confirmar se esqueci de alguma coisa.

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

[Martinelli 0]

Só para teu conhecimento, a imagem que está sendo ativada na funçào é esta abaixo.

 

<IMG ID="logo" CLASS="ima" SRC="images/lgcc.jpg" STYLE="position:absolute; top:-100px; left:-100px;filter:alpha(opacity=50)">

Creio que você tenha esquecido do "position:absolute" no STYLE. Sem isto, a função não consegue mover o objeto.

 

Ah... estou usando IMG mas, pode ser DIV tranquilamente.

 

Tenta novamente.

 

Qualquer coisa, me procure no MSN. pmmartinelli@click21.com.br

 

Flw http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Martinelli

[MacX 0]

Cara, show de bola, funcionou !!Agora, só abusando um pouco, vcs não sabem o lance para fazer o objeto ir para a posição suavemente, eu sei que isso é feito com uma formula na hora de setar a posição, alguém ta ligado nesse lance?

[jximenes 0]

Po eu tb estou atras desse cógigo "suave", igual ao utilizado no site do BRADESCO. Se alguém consegui e postar eu vou ficar muito agradecido!

[FabricioGomes 0]

oras, abram o codigo-fonte da pagina do bradesco, procurem por .js ou pela palavra script e estudem o codigo, é mais facil que ficar esperando alguem ler e ter o codigo para isso, beleza?