Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] problemas con margin al usar position fixed

Estas en el tema de problemas con margin al usar position fixed en el foro de Diseño web en Foros del Web. trabajando con jquery consegui este codigo que al hacer scroll a cierta altura de la pantalla cambia los atributos de algunos elementos y me crea ...
  #1 (permalink)  
Antiguo 03/02/2014, 14:59
vis97c
Invitado
 
Mensajes: n/a
Puntos:
Pregunta problemas con margin al usar position fixed

trabajando con jquery consegui este codigo que al hacer scroll a cierta altura de la pantalla cambia los atributos de algunos elementos y me crea una barra flotante:

Código:
<script type="text/javascript">
   $(window).scroll(function(){
            if($(window).scrollTop() > 35) {
                $('#c1-bg').css('padding-top', '0px');
                $('#c1-cont').css('position', 'fixed');
            }
            else {
                $('#c1-bg').css('padding-top', '35px');
                $('#c1-cont').css('position', 'relative');
            }
        });
  </script>
ya lo habia usado antes pero solo en elementos con un ancho fijo, pero al hacerlo en uno con margin:0 auto; y cambiar el position:relative; por un fixed este pierde su tamaño y pocision:



quisiera saber si hay alguna solucion para este problema de fixed
  #2 (permalink)  
Antiguo 03/02/2014, 15:03
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: problemas con margin al usar position fixed

¿Quieres que ocupe todo el ancho?
  #3 (permalink)  
Antiguo 03/02/2014, 16:32
vis97c
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: problemas con margin al usar position fixed

si, que ocupe todo el ancho y quede centrado, el script en teoria solo deberia reducir el padding-top y hacerlo un elemento flotante
  #4 (permalink)  
Antiguo 03/02/2014, 16:36
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: problemas con margin al usar position fixed

Bueno, estarás de acuerdo conmigo en que ocupar todo el ancho y que a la vez esté centrado es una cuestión que va de la mano. ¿Cómo haces para que ocupe todo y no esté centrado?

Simplemente añade algo así:

Código CSS:
Ver original
  1. #c1-cont {
  2.   left: 0;
  3.   right: 0;
  4. }

Aunque también te valdría:

Código CSS:
Ver original
  1. #c1-cont {
  2.   width: 100%;
  3. }

Etiquetas: css, fixed, html, javascript, jquery, position
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 04:50.