Section collante dans un port d'affichage particulier

Question

Par exemple ma taille de document est 4100, je dois montrer une section dans la taille de 500 à 3600. J'ai essayé de mon mieux avec le code ci-dessous. Je n'ai pas obtenu le bon résultat. Veuillez partager vos pensées.

var start = $(document).scrollTop(); 
var stop = $(document).height() - 500; 
$('#onScrollShow').hide(); 
$(window).scroll(function() { 
    if (start < stop) { 
     $('#onScrollShow').show(); 
    } else { 
     $('#onScrollShow').hide(); 
    } 
}); 

Le code HTML:

<div id="onScrollShow"> some text </div> 

Answer 1

Vous devez vérifier la position de la page dans votre événement de défilement, de sorte que jQuery vérifiera la valeur chaque fois qu'une utilisateur fait défiler:

$(window).scroll(function() { 
    var currentScroll = $(window).scrollTop(); //gets value every scroll 
    if (scroll < stop) { 
     // do stuff 
    } 
}); 

Answer 2

Cela fonctionne!

$(window).scroll(function() { 
 
    var currentScroll = $(window).scrollTop(); 
 
    if ((currentScroll > 400) && (currentScroll < 2500)) { 
 
     $('#onScrollShow').slideDown(); 
 
    }else { 
 
      $('#onScrollShow').slideUp(); 
 
     } 
 
});