2012-02-19 11 views
5

me gustaría saber cómo es posible asignar una regla CSS a un elemento sólo si la posición de desplazamiento actual es mayor que 112px ..Cómo añadir estilo css si la página de desplazamiento del usuario sobre 112px

He intentado esto pero no funciona:

<script type="text/javascript"> 
$window.scrollTop(function(){ 

var a = 112; 
var pos = $window.scrollTop(); 
if(pos > a) { 
    $("menu").css({ 
       position: 'fixed' 
      }); 
} 
else { 
    $("menu").css({ 
       position: 'absolute', 
       top:'600px' 
      }); 
} 
}); 
</script> 

Respuesta

7

Try mediante el siguiente código

<script type="text/javascript"> 
$(window).scroll(function(){ 

var a = 112; 
var pos = $(window).scrollTop(); 
if(pos > a) { 
    $("menu").css({ 
       position: 'fixed' 
      }); 
} 
else { 
    $("menu").css({ 
       position: 'absolute', 
       top:'600px' 
      }); 
} 
}); 
</script> 
  • $window.scrollTop cambiado a $(window).scroll
  • $window changed a $(window)
+0

Gran! Funcionó, gracias! –

Cuestiones relacionadas