Theos escribió:
tengo un serio problema y es que necesito que ocurra este efecto que les explico en el navegador.
No... Esto no es un serio problema...
No quieras saber lo que son "problemas serios..."
Theos escribió:
[...] dos capas [...] 100% del alto [...]
la capa de la izquierda debe ser totalmente fija ante el movimiento del scroll del navegador.
la capa derecha debe de moverse con ese scroll del navegador...
[...]
Lo sé, soy lerdo, pero no lo entiendo.
Me parecen opciones contrapuestas.
¿podrías montar un layout de lo que quieres?
(como
hace yoelnacho, que así si que se entiende de lujo)
En cualquier caso, se me ocurre algo así:
<script>
function scrollea(){document.getElementById('fija').style.top=document.body.scrollTop;}
window.onload=function()setInterval("scrollea()",100);}
</script>
<style>
html, body {height:100%; margin:0px; padding:0px;}
#fija {position:absolute; width:200px; height:100%; top:0px; left:0px; border:#123 1px solid;}
#scrolled {position:absolute; width:300px; top:0px; left:210px; border:#123 1px solid;}
</style>
<body>
<div id="fija">fija</div>
<div id="scrolled">scrolled</div>
</body>
Está hecho en 5mins... funciona en IE7 y FF2. (imagino que en veriones inferiores de IE, también hasta la 5, mínimo)
Aún así, revisa el atributo de CSS:
position:fixed;
Google está
repleto...
Este es un buen ejemplo.
