DIV flotante que siga scroll

Citar

Escrito el 26 Jun 2008 04:33 am

HOla...
Ando buscando información de como desarrollar un DIV que siga el scroll que uno hace de manera horizontal (Hacia los lados) cuando uno navega un sitio...
Espero que alguien me ayude a como bsucar esta información y si la tiene la puede exponer y explicar, espero su respuesta...
Saludos
Adios

Por Skizobass

26 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Jun 2008 08:28 am

Hay tres posibilidades:

Capturar el evento "onscroll", y reposicionar mediante JavaScript el "div-fijo". (la peor opción)
Haciendo scroll en toda la página, y poner al "div-fijo" style="position:fixed" (no funciona en IE7 e inferiores)
Poner el body como style="overflow:hidden;height:100%;", y poner un contenedor general con un <div style="overflow:auto;position:absolute;top:0px;left:0px;height:100%;width:100%;">, y que será el que haga el scroll de la página;
y luego poner tu "div-fijo", style="position:absolute;"
(lo entienden todos los navegadores con CSS; con o sin JavaScript -> la mejor opción)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 26 Jun 2008 08:29 am

Hay tres posibilidades:

Capturar el evento "onscroll", y reposicionar mediante JavaScript el "div-fijo". (la peor opción)
Haciendo scroll en toda la página, y poner al "div-fijo" style="position:fixed" (no funciona en IE7 e inferiores)
Poner el body como style="overflow:hidden;height:100%;", y poner un contenedor general con un <div style="overflow:auto;position:absolute;top:0;left:0;height:100%;width:100%;">, y que será el que haga el scroll de la página;
y luego poner tu "div-fijo", style="position:absolute;"
(lo entienden todos los navegadores con CSS; con o sin JavaScript -> la mejor opción)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 26 Jun 2008 10:04 pm

¿Y esto funcionaría si mi sitio es horizontal?

Por Skizobass

26 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 27 Jun 2008 07:23 am

¿Qué te hace pensar que no?

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 30 Jun 2008 01:44 am

Lo intentaré
GRacias

Por Skizobass

26 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 30 Jun 2008 01:59 am

Lo que ando tratando de hacer es algo como esto...
http://www.howtocreate.co.uk/fixedPosition.html

Por Skizobass

26 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 30 Jun 2008 09:03 am

ya lo entendí.
Siguen siendo válidas mis indicaciones.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 11 Nov 2010 07:24 pm

Oye compadre soy principiante en esto, no habria forma que pusieras el codigo de uno ya hehco y de ahi ya le cambio??
te agradeceria mucho una respuesta.
gracias

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

Envíale un mensaje privado Web

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

@cristalab

Citar

Escrito el 13 Nov 2010 05:35 pm

Aunque no es recomendable poner los estilos en las etiquetas, deberias crear una hoja de css pero si no estas acostumbrado a utilizarlas puedes probar lo que "El Oso Amoroso" te propone en su terceta opcion es esta estructura aunque no la he probado y no puedo confirmarte que funcione,

Código HTML :

<body style="overflow:hidden;height:100%;">
   <div style="overflow:auto;position:absolute;top:0;left:0;height:100%;width:100%;">
      <div style="position:absolute;">

      </div>
   </div>
</body>

Por sgerman7

48 de clabLevel

Genero:Masculino

Envíale un mensaje privado

DIV flotante que siga scroll

Escribe una respuesta rapida