Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lekura

Mover objeto na página de acordo com o scroll do browser

Por , em Javascript

Recommended Posts

lekura    0

lekura
Postado

Opa.

 

Será que alguem tem alguma function pra isso?

 

Preciso fazer com que um objeto siga a página, ou seja, siga o scroll do navegador.

 

Tipo aqueles menu flutuante... mas não quero um menu... quero que seja uma div qualquer.

 

Nego desce a página, a div desce atras http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Já achei algumas por ae, mas é só com menu. Então o código fica um tanto quanto confuso e não acho o lance que faz o div acompanhar.

 

Vlw!

Compartilhar este post

Link para o post
Compartilhar em outros sites

hunternh    2

hunternh
Postado

Veja se isso te ajuda:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strinct.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Div posição fixa</title>			<style type="text/css">html{	overflow: hidden;}body{	overflow: auto;	font: 76% verdana, arial, sans-serif;}html,body{	height: 100%;	margin: 0px;	padding: 0px;}.transparencia{	position: fixed !important;	position: absolute;	top: 0px;	left: 300px;	z-index: 10;	width: 300px;	height:300px;	-moz-opacity : 0.6;	opacity: 0.6;	color: #000000;	background-color: #E0E0E0;	}*.transparencia{	filter: alpha(opacity = 60);}</style></head><body>	<div id="div1" class="transparencia"></div>	<p>asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />	asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br />asfdasfdasd<br /></p></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

lekura    0

lekura
Postado

Vlw, hunternh!Mas não ajuda.Trabalho ajax e ja tenho um menu que já é arrastável.Veja a situação que pode ocorrer aqui:O usuário clica num determinado botão do menu.Sem refresh, a página é preenchida e pode ser que apareça o scroll do navegador.Ele rola o scroll... e o menu arrastável ficou parado, entende.. não acompanhou o usuário.Pode ocorrer tb que o usuário arraste o menu ate embaixo, porem se ao clicar num botão do menue a página encolher (mudar o conteudo) e sumir o scroll por causa da página, vai ter oscroll pq o menu fico lá embaixo.Meu menuzinho arrastável já está numa div.Por isso preciso fazer com que esta div acompanhe o scroll da pagina.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Suissa    1

Suissa
Postado

entaum eh soh usar position: fixed no seu divporem claro não funciona no IE 6 no 7 creio que deva funcionar, caso não ae tb ja eh demais nehABAIXO IEca!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

lekura    0

lekura
Postado

Putz, no FF ficou lindo de ver.Mas esse IE é um ¨##¨@%!$#%$#%!@$%¨#!!acabou com tudo.

entaum eh soh usar position: fixed no seu divporem claro não funciona no IE 6 no 7 creio que deva funcionar, caso não ae tb ja eh demais nehABAIXO IEca!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito