Hola gente, estoy intentando hacer un objeto que cuando toque la parte superior de la pantalla al hacer scroll baje con ella. Siguiendo un tutorial pude hacerlo funcionar correctamente, pero el problema es que donde quiero ponerlo tiene un alto variable dependiendo de la informacion de otra seccion de la pagina.
Quiesiera saber si seria posible ponerle un height variable dependiendo del tamaño del hueco que tenga.
Aqui el codigo.
Código HTML:
*{margin:0;}
#des{
position:fixed;
display: block;
border:1px solid #f84642;
width:100%;
}
#cont{
display: block;
max-width:1024px;
margin:0 auto;
height:1500px;
padding:0;
border: 1px solid;
}
#cont section{
display: inline-block;
width:70%;
height:100%;
background:#efeaa0;
}
#cont aside{
display: inline-block;
width:100%;
height:100%;
background:#d4972e;
}
aside #estatico, aside #contFix{
display: block;
width:100%;
}
aside #estatico{
height:230px;
background: #ff9138;
margin-bottom:10px;
}
aside #contFix{
overflow:hidden;
height: 100%;
background: #ff9138;
position:relative;
}
#contFix #aMover{
position:absolute;
display: block;
height:250px;
width:100%;
background: rgba(255,243,56,0.5);
}
#contFix #limite{
display: block;
position:absolute;
width:100%;
bottom:-1px;
border:1px solid #f84642;
}
el problema esta en el #cont , probe a ponerle 100%,auto o gestionarlo con margin y padding y todo lo que vi pero si modifico el height por estos valores el aside #contFix no se muestra y es donde esta lo que quiero mostrar.
aqui la parte de los div.
Código HTML:
<section id="cont">
<section>
</section>
<aside>
<div id="estatico"></div>
<!-- Div contenedor y que define la distancia que recorrerá el div a mover o a cambiar propiedad position -->
<div id="contFix">
<!-- Div que cambiará de propiedad position -->
<div id="aMover"></div>
<!-- Este otro detiene el div al que le cambiamos la propiedad position -->
<div id="limite"></div>
</div>
</aside>
</section> Haber si me podeis echar una mano porque estoy desesperado.