jQuery
Ajouter une classe au défilement
Fiche écrite en 2016 et relue en 2026 : l’encadré en fin de fiche signale ce qui a changé depuis.
Réduire l’en-tête une fois qu’on a commencé à descendre, faire apparaître un bouton « retour en haut », surligner dans le menu la section en cours de lecture : tout cela revient à ajouter une classe selon la position de défilement.
function onScroll() {
var enHaut = ($(document).scrollTop() <= 70);
$('header').toggleClass('reduit', !enHaut);
}
$(document).on('scroll', onScroll);
onScroll();$(window).on('scroll', function () {
$('.block-chapter').each(function () {
if ($(window).scrollTop() >= $(this).offset().top) {
var id = $(this).attr('id');
$('#menu-center a').removeClass('active_link');
$('#menu-center a[href="#' + id + '"]').addClass('active_link');
}
});
});