Slinkti į viršų mygtukas

Atsibodo be galo slinkti tik tam, kad grįžtumėte į puslapio viršų? "Scroll to Top Button" (Mygtukas į puslapio viršų) prideda elegantišką, plaukiojantį mygtuką prie bet kurios svetainės – vienas palietimas ir jūs grįšite į viršų su sklandžia slinkimo animacija. Lengvas, privatus ir visiškai jūsų kontroliuojamas.

✨ PAGRINDINĖS FUNKCIJOS

⬆️ Plaukiojantis mygtukas į puslapio viršų – švarus, apvalus mygtukas su rodyklės į viršų piktograma pasirodo, kai slenkate žemyn. Spustelėkite jį, kad sklandžiai grįžtumėte į puslapio viršų. Paprasta, greita, efektyvu.

🎯 Įjungimas/išjungimas kiekvienai svetainei – mygtukas pagal nutylėjimą yra išjungtas kiekvienoje svetainėje. Jūs tiksliai pasirenkate, kur jis pasirodo. Atidarykite iššokantįjį langą, spustelėkite jungiklį dabartinei svetainei ir viskas. Jokios netvarkos svetainėse, kuriose jums jo nereikia.

📐 9 padėčių išdėstymo tinklelis – padėkite mygtuką bet kurioje ekrano vietoje, naudodamiesi vizualiu 3x3 tinkleliu: viršuje, centre arba apačioje, kartu su kairėje, centre arba dešinėje. Devynios galimos pozicijos. Pasirinkite vietą, kuri geriausiai tinka kiekvienam puslapio išdėstymui.

📌 Padėties atmintis kiekvienai svetainei – skirtingos svetainės, skirtingi išdėstymai. Nustatykite mygtuką apačioje dešinėje vienoje svetainėje ir viršuje kairėje kitoje. "Scroll to Top Button" atsimena kiekvienos svetainės padėtį nepriklausomai, todėl jūsų pageidavimai visada bus atsižvelgti.

🛡️ „Shadow DOM“ izoliacija – mygtukas yra „Shadow DOM“ konteinerio viduje, visiškai izoliuotas nuo pagrindinio puslapio CSS. Tai reiškia nulinius stiliaus konfliktus – mygtukas atrodo ir veikia puikiai kiekvienoje svetainėje, kad ir koks sudėtingas būtų puslapio stilius.

🌙 Tamsios temos palaikymas – automatiškai prisitaiko prie jūsų sistemos spalvų schemos. Šviesus fonas šviesiu režimu, permatomas stiklo efektas tamsiu režimu. Taip pat aptinka html[dark] atributą, kurį daugelis svetainių naudoja rankiniams tamsios temos jungikliams.

🌍 55 kalbos – plėtinio iššokantis langas ir visas sąsajos tekstas yra visiškai lokalizuoti 55 kalbomis, įskaitant anglų, ispanų, prancūzų, vokiečių, japonų, korėjiečių, kinų (supaprastinta ir tradicinė), arabų, hindi, rusų, portugalų ir daugeliu kitų.

♿ Prieinamumas klaviatūra – mygtukas į puslapio viršų palaiko naršymą klaviatūra. Tab klavišu pereikite prie jo, paspauskite Enter arba Space, kad suaktyvintumėte. Yra tinkama ARIA rolė ir etiketė ekrano skaitytuvams.

🎯 KAIP TAI VEIKIA

1. Įdiekite – spustelėkite „Pridėti prie Chrome“ ir plėtinys bus paruoštas. Nereikia paskyros, registracijos ar sąrankos vedlio.

2. Apsilankykite bet kurioje svetainėje – pereikite į puslapį, kuriame norite, kad atsirastų mygtukas „Scroll to Top“.

3. Įjungti svetainę – spustelėkite „Scroll to Top Button“ piktogramą įrankių juostoje. Paspauskite jungiklį, kad įjungtumėte mygtuką dabartinėje svetainėje. Plaukiojantis mygtukas pasirodys iškart.

4. Pasirinkite padėtį – naudokite 3x3 tinklelį iššokančiajame lange, kad padėtumėte mygtuką tiksliai ten, kur norite, ekrane. Jūsų pasirinkimas bus išsaugotas šiai konkrečiai svetainei.

5. Slinkite ir spustelėkite – slinkite bet kurį puslapį žemyn. Kai praeisite slinkimo ribą, mygtukas sklandžiai išnirs su animacija. Spustelėkite jį, kad grįžtumėte į viršų. Štai ir viskas.

🔒 PRIVATUMAS IR SAUGUMAS

„Scroll to Top Button“ sukurtas vadovaujantis privatumo principu. Štai ką tiksliai šis plėtinys daro ir ko nedaro:

🚫 Jokio stebėjimo – nėra analizės kodo, telemetrijos, naudojimo statistikos. Nieko nematuojama ir neteikiama jokios ataskaitos.

🚫 Nėra duomenų rinkimo – jūsų naršymo istorija, įjungtų svetainių sąrašas ir padėties nuostatos niekada nepalieka jūsų naršyklės. Viskas saugoma lokaliai „Chrome“ sinchronizavimo saugykloje.

🚫 Jokių išorinių užklausų – plėtinys nevykdo jokių tinklo užklausų. Jokių nuotolinių serverių, jokių CDN, jokių trečiųjų šalių scenarijų. Visi resursai – šriftai, piktogramos, stiliai – yra sujungiami tiesiogiai plėtinyje.

🚫 Jokių skelbimų – jokių reklamų, jokio remiamo turinio, jokio pinigų uždirbimo.

📋 Leidimų paaiškinimas:
• storage – naudojama išsaugoti jūsų įjungtų svetainių sąrašą ir mygtukų padėties nuostatas. Šie duomenys sinchronizuojami tarp jūsų „Chrome“ instancijų per „Chrome“ integruotą sinchronizavimą, bet niekada nesiunčiami jokiam išoriniam serveriui.
• activeTab – naudojama aptikti dabartinio skirtuko pagrindinio kompiuterio pavadinimą, kad iššokantysis langas galėtų parodyti, ar svetainė yra įjungta, ir leisti ją perjungti. Šis leidimas nesuteikia prieigos prie puslapio turinio.

Štai ir viskas. Du leidimai, abu esminiai, abu minimalūs.

💡 NAUDOJIMO PAVYZDŽIAI

📰 Naujienų ir straipsnių svetainės – ilgų straipsnių, tokių kaip „Medium“, naujienų portalai ir tinklaraščiai, skaitymas dažnai reikalauja daug slinkimo. Įjunkite mygtuką mėgstamose skaitymo svetainėse ir akimirksniu grįžkite į navigacijos meniu ar antraštę.

🛒 Apsipirkimas ir el. komercija – produktų sąrašų puslapiai „Amazon“, „eBay“, „Etsy“ ir kitose prekyvietėse gali būti begaliniai. Mygtukas „scroll-to-top“ leidžia greitai grįžti prie filtrų, paieškos juostų ir kategorijų navigacijos be rankinio slinkimo.

📱 Socialinės žiniasklaidos kanalai – begaliniai slinkimo srautai „Reddit“, „Twitter/X“, „Hacker News“ ir forumuose. Peržiūrėjus dešimtis įrašų, vienas spustelėjimas nukelia jus atgal į viršų, kad atnaujintumėte arba naršytumėte.

📚 Dokumentacija ir nuorodos – techninė dokumentacija, API nuorodos, Vikipedijos straipsniai ir moksliniai straipsniai su ilgu turiniu. Padėkite mygtuką patogiame kampe ir efektyviai naršykite tarp sekcijų.

💬 Forumai ir komentarų gijos – ilgos diskusijos „Stack Overflow“, „GitHub“ problemose ar bendruomenės forumuose. Peržiūrėkite atsakymus ir komentarus, tada akimirksniu grįžkite prie pradinio klausimo ar įrašo.

⭐ KODĖL VERTA RINKTIS "SCROLL TO TOP BUTTON"

🎛️ Įjungta, o ne išjungta – dauguma „scroll-to-top“ plėtinių įterpia mygtukus kiekviename puslapyje. „Scroll to Top Button“ naudoja priešingą metodą: pagal nutylėjimą išjungtas, įjungiamas tik ten, kur norite. Jūsų naršyklė lieka švari.

🧩 Tikra CSS izoliacija – „Shadow DOM“ čia nėra tik madingas žodis. Mygtukas atvaizduojamas uždaroje šešėlinėje šaknyje, o tai reiškia, kad joks CSS iš pagrindinio puslapio negali paveikti jo, ir mygtuko stiliai negali išsiskirti. Tai yra teisingas inžinerinis požiūris, o dauguma konkurentų plėtinių jį visiškai ignoruoja.

📐 Lankstus pozicionavimas – devynios pozicijos, o ne tipiškas viena ar dvi. Apatiniame dešiniajame kampe ne visada yra geriausia vieta – kai kuriose svetainėse tame kampe gali būti pokalbių valdiklių, slapukų juostų ar plaukiojančių elementų. Perkelskite mygtuką ten, kur jis tinka.

🧠 Sumanios funkcijos kiekvienai svetainei – plėtinys atsimena ne tik tai, kurios svetainės yra įjungtos, bet ir mygtuko padėtį kiekvienai atskirai svetainei. Sukonfigūruokite vieną kartą ir pamirškite.

⚡ Nulinis našumo poveikis – nevyksta jokie foniniai skriptai, nėra nuolatinių ryšių, nerenkami jokie laikmatis. Turinys naudoja pasyvų slinkimo klausytoją ir aktyvuojasi tik tada, kai puslapis yra įjungtų sąraše. Jei svetainė neįjungta, mygtukas yra paslėptas ir scenarijus iš esmės neaktyvus.

🔄 Tiesioginiai atnaujinimai – kai keičiate nustatymus iššokančiajame lange, mygtukas puslapyje atnaujinamas iškart. Nereikia atnaujinti skirtuko.

📋 TECHNINĖS DETALĖS

• Manifest V3 – Sukurta naujausioje Chrome plėtinių platformoje, siekiant geresnio saugumo ir našumo.
• Palaikomos naršyklės – Google Chrome, Chromium pagrindu veikiančios naršyklės (Edge, Brave, Opera, Vivaldi, Arc).
• Turinys – įterpiamas į dokumentą_idle, kad turėtų nulinį poveikį puslapio įkėlimo laikui.
• Slinkimo slenkstis – mygtukas pasirodo nuslinkus 300 pikselių, kad nebūtų rodomas trumpuose puslapiuose.
• Animacija – sklandus išblukimas su `translateY` perėjimu. Slinkimo elgesys naudoja vietinę sklandaus slinkimo API.
• Saugykla – „Chrome“ sinchronizavimo saugykla užtikrina, kad jūsų nustatymai būtų prieinami visuose įrenginiuose, kuriuose esate prisijungę prie „Chrome“.
• Nėra kūrimo žingsnio – grynas „vanilla“ „JavaScript“. Nėra karkasų, paketų kūrėjų, priklausomybių.
• Lengvas – visas plėtinys užima mažiau nei 500 KB, įskaitant visus 55 kalbų failus ir supakuotus šriftus.

🚀 PRADĖKITE

Spustelėkite „Pridėti prie Chrome“, kad įdiegtumėte „Scroll to Top Button“. Iš anksto nieko nereikia konfigūruoti – tiesiog naršykite įprastai. Kai atsiduriate puslapyje, kuriame norite mygtuko, spustelėkite plėtinio piktogramą ir įjunkite jį tai svetainei. Pasirinkite pageidaujamą poziciją ir viskas. Plėtinys atsimins jūsų pasirinkimą ir mygtukas bus ten kiekvieną kartą, kai apsilankysite.

Sukurta su rūpestingumu PYROCTAL.