funzione di jQuery Scroll dopo 100px

Question

Utilizzando questo script:

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

E 'possibile solo fine di eseguire l'azione dopo che l'utente ha scorrere 100px o più?

Answer 1

Si ha bisogno scrollTop come detto. Sarebbe saggio includere anche una funzione "else", in modo che quando si ritorna in cima l'elemento attivato venga nuovamente nascosto. In quanto tale:

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

ecco un breve jsfiddle

Answer 2

È possibile utilizzare .scrollTop() per ottenere fino a che punto la pagina è stata scorrere

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