Texto anclado en javascript y <div>

Ay0 · #1 (**permalink**) 06/08/2004, 04:57

Hola gente, bueno, explico que es lo que necesito, a ver si me podéis ayudar.

A ver, necesitaría algún ejemplo en el que, al mover el scroll de una página web, un texto se me quede fijo y siempre esté visible, ya lleves el scroll abajo o arriba. Para ello, os expongo un ejemplo gráfico, que he encontrado ya hecho en una página http://www.elmundodeportivo.es/

Espero me sepáis ayudar,

Muchas gracias de Antemano,

Saludos.

Ay0 · #2 (**permalink**) 06/08/2004, 07:22

He estado buscando ejemplos por internet, y lo primero a lo que he ido, es a algún tipo de vento que salte, cuando hago scroll en la página, para controlar la posición de mi capa (<div>). He encontrado un ejemplo, bastante simple, pero que a la vez no me funciona:

Código HTML:

<script language="javascript">
function clavar(obj, posic)
{
	dObj =document.getElementById(obj);
	dObj.style.posTop = document.body.scrollTop+posic; 
}
</script>

y en el tag <body>, poner esto:

Código HTML:

<body onscroll="clavar(obj, posic)">

Alguien podría echarme una mano?

xcorpyon · #3 (**permalink**) 06/08/2004, 14:40

Prueba con esto:

Código HTML:

<script>
function clavar(nombre_capa,pos_vertical) {
	var obj = document.getElementById(nombre_capa);
	obj.style.posTop = document.body.scrollTop+pos_vertical;
}
</script>

<body onscroll="clavar('mi_capa',50)">

<div style="position:absolute; top:50px; left:10px; height:50px; width:200; background-color:#FFFF00;" id="mi_capa">xcorpyon</div>

<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;<p>&nbsp;</p>&nbsp;

</body>

tunait · #4 (**permalink**) 06/08/2004, 15:05

Lo que propone xcorpyon es la forma para pedírselo a IExplorer.

Para el resto de navegadores (al menos aquellos que soporten los estándares css correctamente) basta con que le des la propiedad position el valor fixed. Eso mantendrá la capa inmovil.

El evento onscroll es propietario de explorer, por eso no funcionará en otros navegadores.

Eso sí, para explorer usando ese script la propiedad position habrá de mantenerse como absolute, pues no comprende la propiedad fixed

Ay0 · #5 (**permalink**) 09/08/2004, 03:47

Gracias, ya me funciona, lo único, es que quiero que la capa que he creado, se superponga a lo que hay detrás, es decir, que la capa quede por encima para que no se vea la información que hay detrás, no hay ninguna propiedad como zorder o algo así?