Scroll to Top Button

**Extension:** Scroll to Top Button
**Ano ang Ginagawa Nito:** Lumulutang na scroll-to-top na button sa lahat ng website na may kontrol bawat site at 9-na-posisyong placement grid

Pagod na sa walang katapusang pag-scroll para lang makabalik sa itaas ng isang pahina? Ang Scroll to Top Button ay nagdaragdag ng elegante, lumulutang na button sa anumang website — isang tap lang at bumalik ka na sa itaas na may makinis na animation ng pag-scroll. Magaan, pribado, at ganap na nasa iyong kontrol.

✨ PANGUNAHING MGA TAMPOK

⬆️ Lumulutang na Scroll-to-Top Button — Isang malinis, bilog na button na may chevron icon ang lumilitaw kapag nag-scroll ka pababa. I-click ito upang makinis na mag-scroll pabalik sa itaas ng pahina. Simple, mabilis, epektibo.

🎯 Pag-enable/Pag-disable Bawat Site — Ang button ay naka-disable bilang default sa bawat site. Ikaw ang pipili kung saan eksaktong ito lilitaw. Buksan ang pop-up, i-click ang toggle para sa kasalukuyang site, tapos na. Walang kalat sa mga site kung saan hindi mo ito kailangan.

📐 9-na-Posisyong Placement Grid — Ilagay ang button kahit saan sa screen gamit ang visual na 3x3 grid: itaas, gitna, o ibaba na pinagsama sa kaliwa, gitna, o kanan. Siyam na posibleng posisyon. Piliin ang lugar na pinakaangkop para sa bawat layout ng pahina.

📌 Memorya ng Posisyon Bawat Site — Iba't ibang site, iba't ibang layout. Itakda ang button sa ibaba-kanan sa isang site at itaas-kaliwa sa iba. Tandaan ng Scroll to Top Button ang posisyon ng bawat site nang independiyente, kaya ang iyong mga kagustuhan ay palaging iginagalang.

🛡️ Shadow DOM Isolation — Ang button ay naninirahan sa loob ng Shadow DOM container, ganap na nakahiwalay sa CSS ng host page. Nangangahulugan ito ng zero na salungatan sa estilo — ang button ay mukhang at gumagana nang perpekto sa bawat website, gaano man kumplikado ang estilo ng pahina.

🌙 Suporta sa Dark Mode — Awtomatikong umaayon sa color scheme ng iyong system. Light background sa light mode, translucent glass effect sa dark mode. Nalalaman din ang html[dark] attribute na ginagamit ng maraming website para sa manual dark mode toggles.

🌍 55 Wika — Ang extension pop-up at lahat ng text ng interface ay ganap na na-localize sa 55 wika kabilang ang Ingles, Espanyol, Pranses, Aleman, Hapon, Koreano, Tsino (Pinapayak at Tradisyonal), Arabic, Hindi, Ruso, Portuges, at marami pa.

♿ Keyboard Accessible — Sinusuportahan ng scroll-to-top button ang pag-navigate gamit ang keyboard. I-tab ito, pindutin ang Enter o Space upang i-activate. Kasama ang tamang ARIA role at label para sa mga screen reader.

🎯 PAANO ITO GUMAGANA

1. I-install — I-click ang "Idagdag sa Chrome" at handa na ang extension. Walang kailangan ng account, walang pagrehistro, walang setup wizard.

2. Bumisita sa anumang website — Mag-navigate sa isang pahina kung saan mo gustong lumabas ang scroll-to-top button.

3. I-enable ang site — I-click ang icon ng Scroll to Top Button sa iyong toolbar. Pindutin ang toggle upang i-enable ang button sa kasalukuyang site. Agad na lalabas ang lumulutang na button.

4. Pumili ng posisyon — Gamitin ang 3x3 grid sa pop-up upang ilagay ang button kung saan mo eksaktong gusto sa screen. Ang iyong napili ay nai-save para sa partikular na site na ito.

5. Mag-scroll at mag-click — Mag-scroll pababa sa anumang pahina. Kapag nalagpasan mo ang scroll threshold, ang button ay dahan-dahang lilitaw na may makinis na animation. I-click ito upang dumausdos pabalik sa itaas. Iyon lang.

🔒 PRIVACY & SEGURIDAD

Ang Scroll to Top Button ay binuo na may privacy bilang pangunahing prinsipyo. Narito ang eksakto kung ano ang ginagawa at hindi ginagawa ng extension na ito:

🚫 Walang pagsubaybay — Walang analytics code, walang telemetry, walang istatistika ng paggamit. Walang sinusukat o iniuulat.

🚫 Walang pagkolekta ng data — Ang iyong kasaysayan ng pagba-browse, listahan ng mga naka-enable na site, at mga kagustuhan sa posisyon ay hindi kailanman umaalis sa iyong browser. Lahat ay lokal na nakaimbak sa sync storage ng Chrome.

🚫 Walang panlabas na kahilingan — Ang extension ay gumagawa ng zero network requests. Walang remote server, walang CDN, walang third-party script. Bawat asset — mga font, icon, estilo — ay direktang naka-bundle sa extension.

🚫 Walang ad — Walang advertisement, walang sponsored content, walang monetization ng anumang uri.

📋 Paliwanag sa Pahintulot:
• storage — Ginagamit upang i-save ang iyong listahan ng mga naka-enable na site at mga kagustuhan sa posisyon ng button. Ang data na ito ay nagki-sync sa iyong mga Chrome instance sa pamamagitan ng built-in sync ng Chrome ngunit hindi kailanman ipinapadala sa anumang panlabas na server.
• activeTab — Ginagamit upang tuklasin ang hostname ng kasalukuyang tab upang maipakita ng pop-up kung naka-enable ang site at payagan kang i-toggle ito. Ang pahintulot na ito ay hindi nagbibigay ng access sa nilalaman ng pahina.

Iyon lang. Dalawang pahintulot, parehong mahalaga, parehong minimal.

💡 MGA KASONG PAGGAMIT

📰 Mga Site ng Balita at Artikulo — Ang mahabang artikulo sa mga site tulad ng Medium, mga portal ng balita, at mga blog ay madalas na nangangailangan ng malawak na pag-scroll. I-enable ang button sa iyong paboritong mga site ng pagbabasa at bumalik kaagad sa menu ng nabigasyon o headline.

🛒 Shopping at E-Commerce — Ang mga pahina ng listahan ng produkto sa Amazon, eBay, Etsy, at iba pang marketplace ay maaaring magpatuloy nang walang hanggan. Hinahayaan ka ng scroll-to-top button na mabilis kang makabalik sa mga filter, search bar, at nabigasyon ng kategorya nang hindi mano-manong nag-i-scroll.

📱 Mga Social Media Feed — Mga infinite-scroll feed sa Reddit, Twitter/X, Hacker News, at mga forum. Matapos mag-scroll sa dose-dosenang posts, isang click lang ang kailangan upang makabalik sa itaas upang mag-refresh o mag-navigate.

📚 Dokumentasyon at Sanggunian — Mga teknikal na dokumentasyon, API references, Wikipedia articles, at research papers na may mahabang nilalaman. Ilagay ang button sa isang maginhawang sulok at lumipat sa pagitan ng mga seksyon nang mahusay.

💬 Mga Forum at Thread ng Komento — Mahaba ang mga thread ng diskusyon sa Stack Overflow, mga isyu sa GitHub, o mga community forum. Mag-scroll sa mga sagot at komento, pagkatapos ay agad na bumalik sa orihinal na tanong o post.

⭐ BAKIT PILIIN ANG SCROLL TO TOP BUTTON

🎛️ Opt-In, Hindi Opt-Out — Karamihan sa mga scroll-to-top extension ay naglalagay ng mga button sa bawat pahina. Ang Scroll to Top Button ay kumukuha ng kabaligtaran na diskarte: naka-disable bilang default, naka-enable lamang kung saan mo gusto. Ang iyong browser ay mananatiling malinis.

🧩 Tunay na CSS Isolation — Ang Shadow DOM ay hindi lamang isang buzzword dito. Ang button ay ni-render sa loob ng isang closed shadow root, ibig sabihin, walang CSS mula sa host page ang makakaapekto dito, at ang mga estilo ng button ay hindi maaaring lumabas. Ito ang tamang diskarte sa engineering, at karamihan sa mga kakumpitensiyang extension ay ganap na nilalagpasan ito.

📐 Flexible Positioning — Siyam na posisyon sa halip na ang tipikal na isa o dalawa. Ang ilalim-kanan ay hindi palaging ang pinakamahusay na lugar — ang ilang site ay may mga chat widget, cookie banner, o lumulutang na elemento sa sulok na iyon. Ilipat ang button kahit saan ito magkasya.

🧠 Per-Site Intelligence — Tandaan ng extension hindi lamang kung aling mga site ang naka-enable, kundi pati na rin ang posisyon ng button para sa bawat indibidwal na site. I-configure nang isang beses, kalimutan na.

⚡ Zero Performance Impact — Walang tumatakbong background script, walang persistent connection, walang timers polling. Ang content script ay gumagamit ng passive scroll listener at nag-a-activate lamang kapag ang pahina ay nasa naka-enable na listahan. Kung hindi naka-enable ang site, nakatago ang button at ang script ay halos walang ginagawa.

🔄 Live Updates — Kapag binago mo ang mga setting sa pop-up, agad na nag-a-update ang button sa pahina. Hindi na kailangan i-refresh ang tab.

📋 TEKNIKAL NA DETALYE

• Manifest V3 — Binuo sa pinakabagong platform ng extension ng Chrome para sa pinabuting seguridad at pagganap.
• Mga Sinusuportahang Browser — Google Chrome, mga browser na nakabatay sa Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• Content Script Injection — Tumatakbo sa document_idle para sa zero na epekto sa oras ng pag-load ng pahina.
• Scroll Threshold — Lumalabas ang button pagkatapos mag-scroll ng 300 pixels, na pumipigil dito na lumabas sa maiikling pahina.
• Animation — Makinis na fade-in na may translateY transition. Ang scroll behavior ay gumagamit ng native smooth scroll API.
• Storage — Tinitiyak ng Chrome sync storage na sinusunod ka ng iyong mga setting sa iba't ibang device kung saan naka-sign in ka sa Chrome.
• Walang Build Step — Purong vanilla JavaScript. Walang frameworks, walang bundlers, walang dependencies.
• Magaan — Ang buong extension ay mas mababa sa 500KB kabilang ang lahat ng 55 na file ng wika at mga naka-bundle na font.

🚀 SIMULAN

I-click ang "Idagdag sa Chrome" upang i-install ang Scroll to Top Button. Walang kailangang i-configure nang pauna — basta mag-browse nang normal. Kapag nakarating ka sa isang pahina kung saan mo gusto ang button, i-click ang icon ng extension at i-enable ito para sa site na iyon. Piliin ang iyong gustong posisyon at tapos ka na. Tandaan ng extension ang iyong napili at ang button ay naroroon sa bawat pagbisita mo.

Ginawa nang may pag-iingat ni PYROCTAL.