Div movimento com scrollbar
- Autor do tópico Gurzi
- Data Início
suponho que seja o scroll do browser, ou seja, acompanhares a tua div com o scroll do browser... se for isso: ate é bem simples:
[FONT=Verdana, Arial, Helvetica][FONT=Verdana, Arial, Helvetica][/FONT][/FONT]
seria isto?? Cada vez que existe um scroll no body, a div acompanha o scroll
<body onscroll=movediv('minha_div')>
(nota: nao esperimentei...)
tens algo mais elaborado aqui: http://javascript.internet.com/page-details/floating-email-this-link.html
rpocura la tambem por: floating div
vais encontrar muita coisa.
I Hope!
Cumps.
Código:
[FONT=Verdana, Arial, Helvetica][COLOR=DarkRed][FONT=Verdana, Arial, Helvetica][SIZE=2]<script language="javascript" type="text/javascript">
function movediv(div)
{
minha_div=document.getElementById(div);
minha_div.style.top = document.body.scrollTop;
}
</script>
<body onscroll="movediv('minha_div')">
<div id="minha_div" style="top:0px;left:0px;">Scrolling DIV :)</div>
</body>
[/SIZE][/FONT][/COLOR][/FONT]seria isto?? Cada vez que existe um scroll no body, a div acompanha o scroll
<body onscroll=movediv('minha_div')>(nota: nao esperimentei...)
tens algo mais elaborado aqui: http://javascript.internet.com/page-details/floating-email-this-link.html
rpocura la tambem por: floating div
vais encontrar muita coisa.
I Hope!
Cumps.
Última edição:
Gurzi
Power Member
suponho que seja o scroll do browser, ou seja, acompanhares a tua div com o scroll do browser... se for isso: ate é bem simples:
seria isto??Código:[FONT=Verdana, Arial, Helvetica][COLOR=DarkRed][FONT=Verdana, Arial, Helvetica][SIZE=2]<script language="javascript" type="text/javascript"> function movediv(div) { minha_div=document.getElementById(div); minha_div.style.top = document.body.scrollTop; } </script> <body onscroll="movediv('minha_div')"> <div id="minha_div" style=" position:absolute;top:0px;left:0px;">Scrolling DIV :)</div> </body> [/SIZE][/FONT][/COLOR][/FONT]
I Hope!
Cumps.
Exacto, Muito Obrigado!
Agora vou tentar perceber o codigo.!
edit : so estou a tentar centrar a div mas nao estou a conseguir :
<div style="HEIGHT:100px; WIDTH:50%; OVERFLOW:auto; margin-left:auto;margin-right:auto;">
Última edição:
olha, editei o post acima e coloquei mais uns pontos para veres, incluido um link que te sera muito util.
e tens aqui outro mais simples que o do email em cima: http://javascript.internet.com/image-effects/persistent-layer.html
Cumps.
e tens aqui outro mais simples que o do email em cima: http://javascript.internet.com/image-effects/persistent-layer.html
Cumps.
Última edição:
