funkcja jQuery Scroll po 100px

Question

pomocą tego skryptu:

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

Czy to możliwe tylko do wykonywania działań, gdy użytkownik przewinął 100px lub więcej?

Answer 1

Trzeba scrollTop jak powiedział. Rozsądne byłoby również włączenie funkcji "else", aby po przewinięciu do góry ponownie włączony element został ponownie schowany. Jako takie:

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

Oto szybki jsfiddle

Answer 2

Można użyć .scrollTop() aby uzyskać jak daleko stronę przewijane

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