Scroll-naar-boven-knop

**Extensie:** Scroll to Top Button

**Wat het doet:** Zwevende scroll-to-top knop op alle websites met controle per site en een plaatsingsraster van 9 posities.

Moe van eindeloos scrollen om terug te komen naar de bovenkant van een pagina? Scroll to Top Button voegt een gestroomlijnde, zwevende knop toe aan elke website — één tik en je bent terug aan de bovenkant met een vloeiende scrolanimatie. Lichtgewicht, privacy-bewust en volledig onder jouw controle.

✨ BELANGRIJKSTE FUNCTIES

⬆️ Zwevende Scroll-to-Top Knop — Een nette, ronde knop met een chevron-icoon verschijnt wanneer je naar beneden scrollt. Klik erop om vloeiend terug naar de bovenkant van de pagina te scrollen. Simpel, snel, effectief.

🎯 In-/Uitschakelen Per Site — De knop is standaard uitgeschakeld op elke site. Jij kiest precies waar deze verschijnt. Open de pop-up, klik op de schakelaar voor de huidige site, klaar. Geen rommel op sites waar je het niet nodig hebt.

📐 Plaatsingsraster van 9 Posities — Plaats de knop overal op het scherm met behulp van een visueel 3x3 raster: boven, midden of onder gecombineerd met links, midden of rechts. Negen mogelijke posities. Kies de plek die het beste werkt voor elke paginalay-out.

📌 Positiegeheugen Per Site — Verschillende sites, verschillende lay-outs. Stel de knop in op rechtsonder op de ene site en linksboven op de andere. Scroll to Top Button onthoudt de positie van elke site onafhankelijk, zodat je voorkeuren altijd gerespecteerd worden.

🛡️ Shadow DOM Isolatie — De knop bevindt zich binnen een Shadow DOM-container, volledig geïsoleerd van de CSS van de hostpagina. Dit betekent nul stijlconflicten — de knop ziet er perfect uit en werkt perfect op elke website, ongeacht hoe complex de paginastyling is.

🌙 Ondersteuning voor Donkere Modus — Past zich automatisch aan het kleurenschema van je systeem aan. Lichte achtergrond in lichte modus, doorschijnend glaseffect in donkere modus. Detecteert ook het html[dark] attribuut dat door veel websites wordt gebruikt voor handmatige donkere modus schakelaars.

🌍 55 Talen — De extensie-pop-up en alle interfaceteksten zijn volledig gelokaliseerd in 55 talen, waaronder Nederlands, Engels, Spaans, Frans, Duits, Japans, Koreaans, Chinees (vereenvoudigd en traditioneel), Arabisch, Hindi, Russisch, Portugees en nog veel meer.

♿ Toegankelijk via Toetsenbord — De scroll-to-top knop ondersteunt toetsenbordnavigatie. Tab ernaartoe, druk op Enter of Spatie om te activeren. Inclusief de juiste ARIA-rol en label voor schermlezers.

🎯 HOE HET WERKT

1. Installeren — Klik op "Toevoegen aan Chrome" en de extensie is klaar. Geen account nodig, geen aanmelding, geen installatiewizard.

2. Bezoek een willekeurige website — Navigeer naar een pagina waar je de scroll-to-top knop wilt laten verschijnen.

3. Schakel de site in — Klik op het Scroll to Top Button-icoon in je werkbalk. Klik op de schakelaar om de knop op de huidige site in te schakelen. De zwevende knop verschijnt onmiddellijk.

4. Kies een positie — Gebruik het 3x3 raster in de pop-up om de knop precies daar te plaatsen waar je hem op het scherm wilt hebben. Je keuze wordt opgeslagen voor deze specifieke site.

5. Scroll en klik — Scroll naar beneden op een willekeurige pagina. Wanneer je de scroll-drempel overschrijdt, verschijnt de knop met een vloeiende animatie. Klik erop om terug naar boven te glijden. Dat is alles.

🔒 PRIVACY & BEVEILIGING

Scroll to Top Button is ontworpen met privacy als kernprincipe. Dit is precies wat deze extensie wel en niet doet:

🚫 Geen tracking — Er is geen analysecode, geen telemetrie, geen gebruiksstatistieken. Niets wordt gemeten of gerapporteerd.

🚫 Geen gegevensverzameling — Je browsegeschiedenis, lijst met ingeschakelde sites en positievoorkeuren verlaten nooit je browser. Alles wordt lokaal opgeslagen in de Chrome's synchronisatieopslag.

🚫 Geen externe verzoeken — De extensie doet geen enkele netwerkverzoeken. Geen externe servers, geen CDN's, geen scripts van derden. Elk element — lettertypen, iconen, stijlen — is direct in de extensie gebundeld.

🚫 Geen advertenties — Geen advertenties, geen gesponsorde inhoud, geen enkele vorm van monetarisatie.

📋 Toestemming Uitleg:
• opslag — Wordt gebruikt om je lijst met ingeschakelde sites en knoppositievoorkeuren op te slaan. Deze gegevens synchroniseren tussen je Chrome-instanties via Chrome's ingebouwde synchronisatie, maar worden nooit naar een externe server gestuurd.
• activeTab — Wordt gebruikt om de hostname van de huidige tab te detecteren, zodat de pop-up kan tonen of de site is ingeschakeld en je deze kunt schakelen. Deze toestemming geeft geen toegang tot de paginainhoud.

Dat is het. Twee toestemmingen, beide essentieel, beide minimaal.

💡 GEBRUIKSSCENARIO'S

📰 Nieuws- en Artikelwebsites — Langere artikelen op sites zoals Medium, nieuwsportalen en blogs vereisen vaak uitgebreid scrollen. Schakel de knop in op je favoriete leessites en spring direct terug naar het navigatiemenu of de headline.

🛒 Winkelen en E-commerce — Productoverzichtspagina's op Amazon, eBay, Etsy en andere marktplaatsen kunnen eindeloos doorgaan. Met de scroll-to-top knop kun je snel terugkeren naar filters, zoekbalken en categorienavigatie zonder handmatig te scrollen.

📱 Sociale Media Feeds — Oneindig scrollende feeds op Reddit, Twitter/X, Hacker News en forums. Na het scrollen door tientallen berichten, brengt één klik je terug naar de bovenkant om te vernieuwen of te navigeren.

📚 Documentatie en Referentie — Technische documentatie, API-referenties, Wikipedia-artikelen en onderzoeksverslagen met veel inhoud. Plaats de knop in een handige hoek en spring efficiënt tussen secties.

💬 Forums en Commentaar-threads — Lange discussie-threads op Stack Overflow, GitHub-problemen of communityforums. Scroll door antwoorden en opmerkingen en keer dan onmiddellijk terug naar de oorspronkelijke vraag of post.

⭐ WAAROM KIEZEN VOOR SCROLL TO TOP BUTTON

🎛️ Opt-In, Niet Opt-Out — De meeste scroll-to-top extensies injecteren knoppen op elke pagina. Scroll to Top Button kiest de tegenovergestelde aanpak: standaard uitgeschakeld, alleen ingeschakeld waar je het wilt. Je browser blijft schoon.

🧩 Ware CSS-isolatie — Shadow DOM is hier niet zomaar een modewoord. De knop wordt weergegeven binnen een gesloten shadow root, wat betekent dat absoluut geen CSS van de hostpagina deze kan beïnvloeden, en de stijlen van de knop kunnen niet weglekken. Dit is de correcte technische benadering, en de meeste concurrerende extensies slaan deze volledig over.

📐 Flexibele positionering — Negen posities in plaats van de typische één of twee. Rechtsonder is niet altijd de beste plek — sommige sites hebben chatwidgets, cookiebanners of zwevende elementen in die hoek. Verplaats de knop waar deze past.

🧠 Intelligentie per website — De extensie onthoudt niet alleen welke sites zijn ingeschakeld, maar ook de knoppositie voor elke individuele site. Eén keer configureren, en je hoeft er later niet meer aan te denken.

⚡ Geen prestatie-impact — Geen achtergrondscripts die draaien, geen persistente verbindingen, geen polling-timers. De inhoudsscript gebruikt een passieve scroll listener en wordt alleen geactiveerd wanneer de pagina in de lijst met ingeschakelde sites staat. Als de site niet is ingeschakeld, is de knop verborgen en is het script in feite inactief.

🔄 Live updates — Wanneer je de instellingen in de pop-up wijzigt, wordt de knop op de pagina direct bijgewerkt. Je hoeft het tabblad niet te vernieuwen.

📋 TECHNISCHE DETAILS

• Manifest V3 — Gebouwd op het nieuwste extensieplatform van Chrome voor verbeterde beveiliging en prestaties.
• Ondersteunde Browsers — Google Chrome, Chromium-gebaseerde browsers (Edge, Brave, Opera, Vivaldi, Arc).
• Content Script Injectie — Draait op document_idle voor een nul impact op de laadtijd van de pagina.
• Scroldrempel — De knop verschijnt na 300 pixels scrollen, zodat deze niet op korte pagina's wordt weergegeven.
• Animatie — Vloeiend fade-in met translateY-overgang. Het scroll-gedrag maakt gebruik van de native smooth scroll API.
• Opslag — Chrome sync-opslag zorgt ervoor dat je instellingen je volgen op apparaten waar je bent ingelogd bij Chrome.
• Geen bouwstap — Pure vanilla JavaScript. Geen frameworks, geen bundlers, geen afhankelijkheden.
• Lichtgewicht — De hele extensie is minder dan 500 KB inclusief alle 55 taalbestanden en gebundelde lettertypen.

🚀 AAN DE SLAG

Klik op "Toevoegen aan Chrome" om Scroll to Top Button te installeren. Er is niets vooraf te configureren — surf gewoon zoals normaal. Wanneer je op een pagina terechtkomt waar je de knop wilt, klik je op het extensie-icoon en schakel je deze in voor die site. Kies je voorkeurspositie en je bent klaar. De extensie onthoudt je keuze en de knop zal er elke keer zijn als je de site bezoekt.

Met zorg gemaakt door PYROCTAL.