Imagen siempre visible
 

Hola espero esten bien.

Deseo que en una pagina web que tiene un scroll vertical grande, se quede viendo una imagen. Osea que cuando bajo el scroll, la imagen siempre se vea en el navegador.

Lo puedo hacer. Como se hace.

Gracias. Alexander

Hola,

¿Vale si es una imagen de fondo? Puedes hacerlo con "CSS" (Cascading Style Sheet). Echa un vistazo al adjunto a ver qué tal ;)

Mantener una imagen en un lugar
 

Me parecio muy interesante el ejemplo que me enviaste.

Más sin embargo como puedo hacer para que este un poco más abajo. Me explico:

Tengo un banner, un menú y después del menú debe quedar la imagen. Como lo podré hacer?

Gracias.

Alexander

Hola,

Bueno. La imagen en el ejemplo es en realidad el fondo del documento (body). Creo que podrías lograr el mismo efecto si la imagen fuera el fondo de un contenedor (div), por ejemplo. Sin embargo, no estoy seguro. Lo que creo que puede hacerse es adaptar la imagen en cuestión. Quiere decirse que si ahora se ve completamente pegada arriba y a la izquierda es porque la imagen no tiene ningún "hueco", no tiene "padding", pero este hueco puede conseguirse en la propia imagen, no sé si me explico.

Ya funcionó completamente
 

Pues mira lo que hice

dentro de Body coloque

onscroll="dalt = document.body.scrollTop +200 ; document.getElementById('move').style.top=dalt"


y luego llame la imagen así

<img src='imagen.jpg' id="move" style="position=\'absolute\'; top=170; left=150">


y me funcionó. Igual muchas gracias.

Alexander

Hola,

Bueno. En realidad suponía que podía hacerse sin necesidad de mostrar la imagen como "fondo". Me alegro de que al cabo pudieras solucionarlo.