Exécuter javascript après que la page a été chargée et a fait défiler jusqu'à l'ancre hashtag

Question

J'ai une page Web qui contient un tas de parties, qui peuvent toutes être faites défiler à l'aide de liens hashtag (par exemple www.marie-charlot.be/#weiss).

Je sais comment exécuter les fonctions javascript qui déclenchent après le chargement de la page (en utilisant $(document).ready, mais ceux-ci déclenchent généralement avant que la page défile vers le bas à la partie correcte (l'ancre #weiss).

comment puis-je exécuter des scripts après le défilement

Answer 1

Vous devez utiliser le plugin JQuery Waypoints pour cette

Exemple:.

$('.entry').waypoint(function() { 
    alert('You have scrolled to an entry.'); 
}); 

Answer 2

$(document).ready(function() { 
    var anchorTop = $('#my-anchor').offset().top; 

    $(document).scroll(function() { 
     if($(document).scrollTop() >= anchorTop) 
      yourFunctionHere(); 
    }); 
});