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