Scrolvoortgangsbalken, en waarom die van jou een hond moet zijn

Elke lange pagina roept dezelfde vraag op: hoeveel is hier nog van over? Een voortgangsindicator beantwoordt die, en de meeste beantwoorden hem op een manier die je vanaf de tweede alinea al niet meer opmerkt.

Waar de balk voor dient

De scrollbalk zegt in principe al waar je bent. In de praktijk is hij een paar pixels breed, verbergt hij zich totdat je de muis beweegt, en op een pagina die al scrollend afbeeldingen laadt verandert zijn schuifje van grootte terwijl je leest. Extensies voegen een voortgangsbalk terug toe omdat het eigen antwoord van de browser er stilletjes uit is ontworpen.

Dus krijg je een dunne gekleurde lijn boven aan de pagina die zich vult terwijl je scrolt. Het werkt. Het is ook het makkelijkste ding op de pagina om niet meer te zien: het is een rechte lijn, hij zit in de strook die je oog heeft leren negeren, en hij doet nooit iets anders dan langer worden.

Positie, maar ook snelheid

Een balk draagt precies één getal — hoe ver naar onder je bent. Er is gratis een tweede getal beschikbaar, en geen balk toont het: hoe snel je beweegt.

scrolldog draagt beide. De positie van het huisdier langs de vensterrand is scroldiepte. Boven aan de pagina staat hij links; onder aan de pagina heeft hij de andere kant bereikt. Zijn gang is scrolsnelheid: flits met het wiel en hij sprint, scroll rustig alinea voor alinea en hij trippelt.

Stop, en hij gaat zitten. Dat is het deel dat een balk niet kan. Een statische balk ziet er identiek uit of je nu aandachtig leest of het tabblad drie uur open hebt laten staan. Een huisdier dat is gaan zitten, zegt je dat de pagina stil is geworden, en het kost je niets om te lezen, want je las het niet — je zag het uit je ooghoek, wat de enige aandacht is die een voortgangsindicator ooit heeft verdiend.

Wat het kost

Het gewone bezwaar tegen een decoratieve extensie is dat hij de browser slechter maakt. Deze luistert passief naar scrollen, voegt elke uitbarsting van gebeurtenissen samen tot één schrijfactie per animatieframe, en verplaatst één element binnen een vaste baan zonder afmeting. Hij leest of verandert nooit de layout van je pagina, en hij doet geen netwerkverzoek vanaf de pagina die je leest.

Eén schakelaar in de popup zet hem overal uit, in elk open tabblad, tegelijk.