jQuery Scroll-Funktion nach 100px

Question

dieses Skript verwenden:

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

Ist es möglich, nur die Aktion auszuführen, nachdem der Benutzer 100px oder mehr gescrollt hat?

Answer 1

Sie müssen scrollTop wie gesagt gescrollt wurde. Es wäre ratsam, auch eine "else" -Funktion einzubeziehen, so dass beim Zurückblättern nach oben das getoggte Element wieder ausgeblendet wird. Als solche:

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

Hier ist eine schnelle jsfiddle

ist

Answer 2

Sie können .scrollTop() bekommen verwenden, wie weit die Seite

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