función jQuery desplazamientos después de 100px

Question

El uso de este script:

<script> 
$(function() { 
    $(window).scroll(function(){ 
     $('#Your element id').slideUp('slow'); 
    }); 
});  
</script> 

¿Es posible sólo para realizar la acción después de que el usuario ha desplazado 100 px o más?

Answer 1

Sí es necesario scrollTop como se ha dicho. Sería conveniente incluir también una función 'else', de modo que cuando vuelva a desplazarse hacia atrás, el elemento conmutado se oculte nuevamente. Como tal:

$(document).ready(function() { 
    $('#scrollDiv').hide(); 
    $(window).scroll(function() { 
     if ($(document).scrollTop() > 100) { 
      $('#scrollDiv').fadeIn('slow'); 
     } 
     else { 
      $('#scrollDiv').fadeOut('slow'); 
     } 
    }); 
});​ 

Aquí está una rápida jsfiddle

Answer 2

Puede utilizar .scrollTop() para conseguir lo lejos que la página se ha desplazado

<script> 
$(function() { 
    $(window).scroll(function(){ 
     if($(this).scrollTop() > 100) { 
      $('#Your element id').slideUp('slow'); 
     } 
    }); 
});  
</script>