Banner que se mueve junto con la pagina

[santiagogk]

Buenas. Tengo la necesidad de hacer que un banner se desplace por la pagina a medida que uso el scrollBar de la pagina, de modo de que el banner este siempre visible. No se si se entiende pero en esta web pueden ver lo que les digo www.montevideo.com.uy .
Muchas gracias

[Panino5001]

Y porqué no mirás el código fuente de esa página? En definitiva, de lo que se trata es de capturar el desplazamiento de las barras de scroll y mover el baner en función a eso. Para eso podés usar el evento onscroll de window y para determinar la posición:

Código PHP:

   yScroll=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);  
   

[egu]

Iniciado por Panino5001

Y porqué no mirás el código fuente de esa página? En definitiva, de lo que se trata es de capturar el desplazamiento de las barras de scroll y mover el baner en función a eso. Para eso podés usar el evento onscroll de window y para determinar la posición:

Código PHP:

   yScroll=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);  
   

Hola,

Para FF puedes usar un position:fixed y esto te aguntara el elemento en la posicion según su top/left.

Para IE como siempre se ha de hacer algo más complicado.

Prueba a meterle en los css de ese elemento en el top una expression para que recalcule este valor continuamente. Con esto te servirá para la expression :document.documentElement.scrollTop+document.body. scrollTop

P.D.: para poner una expression a un valor tipo top en los css utiliza la estructura

top: expression( aqui dentro lo que quieras calcular );


Un saludo.

[Panino5001]

Sí, eso lo vimos aquí: http://www.forosdelweb.com/f13/image...scroll-624809/
Pero si además quiere incluir el easing, como la página que menciona, debe usar lo que le indico, asociado al evento onscroll.

[santiagogk]

Muchas gracias por los datos que me han dado, pude resolver el tema, no hace el efecto de moverse sino que mas bien se queda estatico mientras baja el resto pero por lo menos es una solucion. muchas gracias!!