Gumb za vrh

Umorili ste se od beskonačnog skrolanja samo da biste se vratili na vrh stranice? Proširenje "Scroll to Top Button" dodaje elegantan, plutajući gumb na bilo koju web stranicu – jednim dodirom vraćate se na vrh uz glatku animaciju skrolanja. Lagano, privatno i potpuno pod vašom kontrolom.

✨ KLJUČNE ZNAČAJKE

⬆️ Plutajući gumb za skrolanje na vrh – Čisti, kružni gumb s ikonom strelice pojavljuje se kada se pomaknete prema dolje. Kliknite ga za glatko pomicanje natrag na vrh stranice. Jednostavno, brzo, učinkovito.

🎯 Omogući/Onemogući po stranici – Gumb je prema zadanim postavkama onemogućen na svakoj stranici. Vi birate točno gdje se pojavljuje. Otvorite skočni prozor, kliknite prekidač za trenutnu stranicu, gotovo. Nema nereda na stranicama gdje vam ne treba.

📐 Mreža za pozicioniranje od 9 pozicija – Postavite gumb bilo gdje na zaslonu pomoću vizualne mreže 3x3: gore, u sredini ili dolje, u kombinaciji s lijevo, u sredini ili desno. Devet mogućih pozicija. Odaberite mjesto koje najbolje odgovara izgledu svake stranice.

📌 Memorija pozicije po stranici – Različite stranice, različiti izgledi. Postavite gumb u donji desni kut na jednoj stranici i u gornji lijevi na drugoj. "Scroll to Top Button" pamti poziciju svake stranice neovisno, tako da se vaše preferencije uvijek poštuju.

🛡️ Shadow DOM izolacija – Gumb živi unutar Shadow DOM spremnika, potpuno izoliran od CSS-a host stranice. To znači nula sukoba stilova – gumb izgleda i radi savršeno na svakoj web stranici, bez obzira na složenost stila stranice.

🌙 Podrška za tamni način rada – Automatski se prilagođava shemi boja vašeg sustava. Svijetla pozadina u svijetlom načinu rada, prozirni efekt stakla u tamnom načinu rada. Također detektira html[dark] atribut koji mnoge web stranice koriste za ručne preklopnike tamnog načina rada.

🌍 55 jezika – Skočni prozor proširenja i sav tekst sučelja u potpunosti su lokalizirani na 55 jezika uključujući engleski, španjolski, francuski, njemački, japanski, korejski, kineski (pojednostavljeni i tradicionalni), arapski, hindi, ruski, portugalski i još mnogo toga.

♿ Pristupačno putem tipkovnice – Gumb za skrolanje na vrh podržava navigaciju putem tipkovnice. Tabulatorom dođite do njega, pritisnite Enter ili Space za aktivaciju. Uključuje odgovarajuću ARIA ulogu i oznaku za čitače zaslona.

🎯 KAKO RADI

1. Instalirajte – Kliknite "Dodaj u Chrome" i proširenje je spremno. Nije potreban račun, prijava niti čarobnjak za postavljanje.

2. Posjetite bilo koju web stranicu – Idite na stranicu na kojoj želite da se pojavi gumb za skrolanje na vrh.

3. Omogućite stranicu – Kliknite ikonu "Scroll to Top Button" na alatnoj traci. Prebacite prekidač da biste omogućili gumb na trenutnoj stranici. Plutajući gumb pojavljuje se odmah.

4. Odaberite poziciju – Koristite mrežu 3x3 u skočnom prozoru da postavite gumb točno tamo gdje želite na zaslonu. Vaš izbor je spremljen za ovu specifičnu stranicu.

5. Skrolajte i kliknite – Skrolajte bilo koju stranicu. Kada prođete prag skrolanja, gumb se glatko pojavljuje s animacijom. Kliknite ga da se vratite na vrh. To je to.

🔒 PRIVATNOST I SIGURNOST

"Scroll to Top Button" je izgrađen s privatnošću kao temeljnim principom. Evo što ovo proširenje radi i što ne radi:

🚫 Bez praćenja – Nema analitičkog koda, telemetrije niti statistike korištenja. Ništa se ne mjeri niti prijavljuje.

🚫 Bez prikupljanja podataka – Vaša povijest pregledavanja, popis omogućenih stranica i postavke pozicije nikada ne napuštaju vaš preglednik. Sve je pohranjeno lokalno u Chromeovoj sinkroniziranoj pohrani.

🚫 Bez vanjskih zahtjeva – Proširenje ne izvršava nikakve mrežne zahtjeve. Nema udaljenih poslužitelja, CDN-ova niti skripti trećih strana. Svi resursi – fontovi, ikone, stilovi – ugrađeni su izravno u proširenje.

🚫 Bez oglasa – Nema oglasa, sponzoriranog sadržaja niti monetizacije bilo koje vrste.

📋 Objašnjenje dozvola:
• pohrana (storage) – Koristi se za spremanje vašeg popisa omogućenih stranica i postavki pozicije gumba. Ovi se podaci sinkroniziraju na vašim Chrome instancama putem Chromeove ugrađene sinkronizacije, ali se nikada ne šalju na bilo koji vanjski poslužitelj.
• aktivna kartica (activeTab) – Koristi se za otkrivanje naziva hosta trenutne kartice tako da skočni prozor može prikazati je li stranica omogućena i omogućiti vam da je prebacite. Ova dozvola ne daje pristup sadržaju stranice.

To je to. Dvije dozvole, obje bitne, obje minimalne.

💡 SLUČAJEVI KORIŠTENJA

📰 Vijesti i članci – Dugački članci na stranicama poput Mediuma, novinskim portalima i blogovima često zahtijevaju opsežno skrolanje. Omogućite gumb na svojim omiljenim stranicama za čitanje i odmah se vratite na navigacijski izbornik ili naslov.

🛒 Kupovina i e-trgovina – Stranice s popisom proizvoda na Amazonu, eBayu, Etsyju i drugim tržnicama mogu trajati beskonačno. Gumb za skrolanje na vrh omogućuje vam brzi povratak na filtre, trake za pretraživanje i navigaciju kategorijama bez ručnog skrolanja.

📱 Feedovi društvenih medija – Beskonačni feedovi na Redditu, Twitteru/X, Hacker News-u i forumima. Nakon skrolanja kroz desetke postova, jednim klikom vraćate se na vrh za osvježavanje ili navigaciju.

📚 Dokumentacija i reference – Tehnička dokumentacija, API reference, Wikipedia članci i istraživački radovi s opsežnim sadržajem. Postavite gumb u prikladan kut i učinkovito skačite između odjeljaka.

💬 Forumi i komentari – Duge niti rasprava na Stack Overflowu, GitHub problemima ili forumima zajednice. Skrolajte kroz odgovore i komentare, a zatim se odmah vratite na izvorno pitanje ili objavu.

⭐ ZAŠTO ODABRATI SCROLL TO TOP BUTTON

🎛️ Uključi, ne isključi – Većina proširenja za skrolanje na vrh ubacuje gumbe na svaku stranicu. "Scroll to Top Button" primjenjuje suprotan pristup: onemogućen prema zadanim postavkama, omogućen samo tamo gdje ga želite. Vaš preglednik ostaje čist.

🧩 Prava CSS izolacija – Shadow DOM ovdje nije samo floskula. Gumb se prikazuje unutar zatvorenog korijena sjene, što znači da apsolutno nijedan CSS s host stranice ne može utjecati na njega, a stilovi gumba ne mogu iscuriti. Ovo je ispravan inženjerski pristup, a većina konkurentskih proširenja ga u potpunosti preskače.

📐 Fleksibilno pozicioniranje – Devet pozicija umjesto tipične jedne ili dvije. Donji desni kut nije uvijek najbolje mjesto – neke stranice imaju widgete za chat, bannere s kolačićima ili plutajuće elemente u tom kutu. Premjestite gumb gdje god se uklapa.

🧠 Inteligencija po stranici – Proširenje pamti ne samo koje su stranice omogućene, već i poziciju gumba za svaku pojedinačnu stranicu. Konfigurirajte jednom, zaboravite na to.

⚡ Nula utjecaja na performanse – Nema pozadinskih skripti koje se izvode, nema trajnih veza, nema timera koji prozivaju. Skripta sadržaja koristi pasivni slušač skrolanja i aktivira se samo kada je stranica na popisu omogućenih. Ako stranica nije omogućena, gumb je skriven i skripta je u osnovi neaktivna.

🔄 Ažuriranja uživo – Kada promijenite postavke u skočnom prozoru, gumb na stranici se odmah ažurira. Nema potrebe za osvježavanjem kartice.

📋 TEHNIČKI DETALJI

• Manifest V3 – Izgrađen na najnovijoj platformi Chrome proširenja za poboljšanu sigurnost i performanse.
• Podržani preglednici – Google Chrome, preglednici temeljeni na Chromu (Edge, Brave, Opera, Vivaldi, Arc).
• Injekcija skripte sadržaja – Pokreće se na document_idle za nulti utjecaj na vrijeme učitavanja stranice.
• Prag skrolanja – Gumb se pojavljuje nakon skrolanja od 300 piksela, sprječavajući njegovo prikazivanje na kratkim stranicama.
• Animacija – Glatko pojavljivanje s translateY tranzicijom. Ponašanje skrolanja koristi izvorni API za glatko skrolanje.
• Pohrana – Chromeova sinkronizacijska pohrana osigurava da vaše postavke prate vas na svim uređajima na kojima ste prijavljeni u Chrome.
• Nema koraka izgradnje – Čisti JavaScript. Nema okvira, bundlera niti ovisnosti.
• Lagano – Cijelo proširenje je manje od 500 KB uključujući svih 55 jezičnih datoteka i ugrađene fontove.

🚀 ZAPOČNITE

Kliknite "Dodaj u Chrome" da biste instalirali "Scroll to Top Button". Nema ničega za konfigurirati unaprijed – samo normalno pregledavajte. Kada dođete na stranicu gdje želite gumb, kliknite ikonu proširenja i omogućite ga za tu stranicu. Odaberite željenu poziciju i sve je spremno. Proširenje pamti vaš izbor i gumb će biti tamo svaki put kad posjetite.

Izrađeno s pažnjom od strane PYROCTAL-a.