Foros del Web » Creando para Internet » CSS »

section autoajustable

Estas en el tema de section autoajustable en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/12/2013, 21:30
 
Fecha de Ingreso: marzo-2010
Mensajes: 41
Antigüedad: 14 años
Puntos: 0
Información section autoajustable

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.
  #2 (permalink)  
Antiguo 28/12/2013, 03:51
 
Fecha de Ingreso: junio-2012
Ubicación: Madrid
Mensajes: 339
Antigüedad: 11 años, 9 meses
Puntos: 47
Respuesta: section autoajustable

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.

Última edición por JustinKO; 28/12/2013 a las 04:05
  #3 (permalink)  
Antiguo 29/12/2013, 16:00
 
Fecha de Ingreso: marzo-2010
Mensajes: 41
Antigüedad: 14 años
Puntos: 0
Respuesta: section autoajustable

Cita:
Iniciado por JustinKO Ver Mensaje
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.

Última edición por koruitch; 29/12/2013 a las 16:06 Razón: cambio de seccion javascript

Etiquetas: section
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:56.