section autoajustable

[koruitch]

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.

[JustinKO]

La verdad que no termino de entender lo que quieres. Pero yo ese tipo de cosas las haría con jQuery, no creo que se pueda hacer con CSS, por lo menos hasta donde yo sé.

con

Código:

$('#div_con_alto_variable').height();

puedes calcular el valor del alto del div variable. Ya solo es asignarlo a una variable y usar esa variable para cambiar la propiedad que necesites del elemento que necesites.

Creo que van por ahí los tiros de lo que preguntas.

[koruitch]

Iniciado por JustinKO

La verdad que no termino de entender lo que quieres. Pero yo ese tipo de cosas las haría con jQuery, no creo que se pueda hacer con CSS, por lo menos hasta donde yo sé.

con

Código:

$('#div_con_alto_variable').height();

puedes calcular el valor del alto del div variable. Ya solo es asignarlo a una variable y usar esa variable para cambiar la propiedad que necesites del elemento que necesites.

Creo que van por ahí los tiros de lo que preguntas.

Gracias JustinKO, buscando y buscando durante horas si con uno que pude instalar perfectamente en javascript, como dices no se debe de poder solo con css y con javascript es mucho mas sencillo.

Ahora tengo un problema con el javascript asi que pregunto en alli. Gracias por tu ayuda.