Comment défiler automatiquement vers le bas de la page dans Google Chrome

Certaines pages web se chargent dynamiquement lorsque vous faites défiler ou scroller la page jusqu'en bas. Le nouveau contenu n'est chargé que lorsqu'il est visible à l'écran. Parfois, vous devez atteindre le bas de la page, mais vous devez attendre que chaque section soit chargée en faisant tourner la molette de la souris.

Pour résoudre ce problème, cette page explique comment scroller automatiquement la page.

Tout d'abord, allez sur la page que vous voulez faire défiler et ouvrez la console :

Lorsque la console est ouverte, copiez-collez le code suivant (scroll automatique) et appuyez sur entrée :

(function() {
    var intervalObj = null;
    var retry = 0;
    var clickHandler = function() { 
        console.log("Clicked; stopping autoscroll");
        clearInterval(intervalObj);
        document.body.removeEventListener("click", clickHandler);
    }
    function scrollDown() { 
        var scrollHeight = document.body.scrollHeight,
            scrollTop = document.body.scrollTop,
            innerHeight = window.innerHeight,
            difference = (scrollHeight - scrollTop) - innerHeight

        if (difference > 0) { 
            window.scrollBy(0, difference);
            if (retry > 0) { 
                retry = 0;
            }
            console.log("scrolling down more");
        } else {
            if (retry >= 3) {
                console.log("reached bottom of page; stopping");
                clearInterval(intervalObj);
                document.body.removeEventListener("click", clickHandler);
            } else {
                console.log("[apparenty] hit bottom of page; retrying: " + (retry + 1));
                retry++;
            }
        }
    }
    document.body.addEventListener("click", clickHandler);
    intervalObj = setInterval(scrollDown, 1000);
})()

La page devrait commencer à défiler. Si l'onglet perd le focus, le scrolling peut s'arrêter.

Prenez un café ...

Enfin, arrêtez le défilement en cliquant n'importe où dans la page.

Voir aussi


Dernière mise à jour : 26/02/2024