Tombol Gulir ke Atas

Lelah dengan bergulir tanpa henti hanya untuk kembali ke bagian atas halaman? Tombol Gulir ke Atas menambahkan tombol mengambang yang ramping ke setiap situs web — satu ketukan dan Anda kembali ke atas dengan animasi gulir yang mulus. Ringan, pribadi, dan sepenuhnya di bawah kendali Anda.

✨ FITUR UTAMA

⬆️ Tombol Gulir-ke-Atas Mengambang — Tombol melingkar bersih dengan ikon chevron muncul saat Anda menggulir ke bawah. Klik untuk menggulir kembali dengan mulus ke bagian atas halaman. Sederhana, cepat, efektif.

🎯 Aktifkan/Nonaktifkan Per-Situs — Tombol dinonaktifkan secara default di setiap situs. Anda memilih dengan tepat di mana ia muncul. Buka pop-up, klik tombol untuk situs saat ini, selesai. Tidak ada kekacauan di situs di mana Anda tidak membutuhkannya.

📐 Kisi Penempatan 9 Posisi — Tempatkan tombol di mana saja di layar menggunakan kisi visual 3x3: atas, tengah, atau bawah yang dikombinasikan dengan kiri, tengah, atau kanan. Sembilan posisi yang mungkin. Pilih tempat yang paling sesuai untuk setiap tata letak halaman.

📌 Memori Posisi Per-Situs — Situs yang berbeda, tata letak yang berbeda. Atur tombol ke kanan-bawah di satu situs dan kiri-atas di situs lain. Tombol Gulir ke Atas mengingat posisi setiap situs secara independen, sehingga preferensi Anda selalu dihormati.

🛡️ Isolasi Shadow DOM — Tombol berada di dalam wadah Shadow DOM, sepenuhnya terisolasi dari CSS halaman host. Ini berarti nol konflik gaya — tombol terlihat dan berfungsi dengan sempurna di setiap situs web, tidak peduli seberapa kompleks gaya halaman tersebut.

🌙 Dukungan Mode Gelap — Secara otomatis menyesuaikan dengan skema warna sistem Anda. Latar belakang terang pada mode terang, efek kaca transparan pada mode gelap. Juga mendeteksi atribut html[dark] yang digunakan oleh banyak situs web untuk pengalih mode gelap manual.

🌍 55 Bahasa — Pop-up ekstensi dan semua teks antarmuka sepenuhnya dilokalkan dalam 55 bahasa termasuk Inggris, Spanyol, Prancis, Jerman, Jepang, Korea, Cina (Sederhana dan Tradisional), Arab, Hindi, Rusia, Portugis, dan banyak lagi.

♿ Aksesibel Keyboard — Tombol gulir-ke-atas mendukung navigasi keyboard. Tab ke sana, tekan Enter atau Spasi untuk mengaktifkan. Termasuk peran ARIA dan label yang tepat untuk pembaca layar.

🎯 CARA KERJA

1. Instal — Klik "Tambahkan ke Chrome" dan ekstensi siap digunakan. Tidak perlu akun, tidak perlu mendaftar, tidak ada panduan pengaturan.

2. Kunjungi situs web apa pun — Navigasikan ke halaman di mana Anda ingin tombol gulir-ke-atas muncul.

3. Aktifkan situs — Klik ikon Tombol Gulir ke Atas di bilah alat Anda. Tekan tombol untuk mengaktifkan tombol di situs saat ini. Tombol mengambang muncul segera.

4. Pilih posisi — Gunakan kisi 3x3 di pop-up untuk menempatkan tombol persis di tempat yang Anda inginkan di layar. Pilihan Anda disimpan untuk situs tertentu ini.

5. Gulir dan klik — Gulir ke bawah halaman mana pun. Ketika Anda melewati ambang gulir, tombol memudar dengan animasi yang mulus. Klik untuk meluncur kembali ke atas. Itu saja.

🔒 PRIVASI & KEAMANAN

Tombol Gulir ke Atas dibangun dengan privasi sebagai prinsip inti. Inilah tepatnya apa yang dilakukan dan tidak dilakukan ekstensi ini:

🚫 Tanpa pelacakan — Tidak ada kode analitik, tidak ada telemetri, tidak ada statistik penggunaan. Tidak ada yang diukur atau dilaporkan.

🚫 Tanpa pengumpulan data — Riwayat penjelajahan Anda, daftar situs yang diaktifkan, dan preferensi posisi tidak pernah meninggalkan browser Anda. Semuanya disimpan secara lokal di penyimpanan sinkronisasi Chrome.

🚫 Tanpa permintaan eksternal — Ekstensi tidak membuat permintaan jaringan sama sekali. Tidak ada server jarak jauh, tidak ada CDN, tidak ada skrip pihak ketiga. Setiap aset — font, ikon, gaya — dibundel langsung dalam ekstensi.

🚫 Tanpa iklan — Tidak ada iklan, tidak ada konten bersponsor, tidak ada monetisasi dalam bentuk apa pun.

📋 Penjelasan Izin:
• storage — Digunakan untuk menyimpan daftar situs yang Anda aktifkan dan preferensi posisi tombol. Data ini sinkron di seluruh instansi Chrome Anda melalui sinkronisasi bawaan Chrome tetapi tidak pernah dikirim ke server eksternal mana pun.
• activeTab — Digunakan untuk mendeteksi nama host tab saat ini sehingga pop-up dapat menampilkan apakah situs diaktifkan dan memungkinkan Anda untuk mengaktifkan/menonaktifkannya. Izin ini tidak memberikan akses ke konten halaman.

Itu saja. Dua izin, keduanya esensial, keduanya minimal.

💡 KASUS PENGGUNAAN

📰 Situs Berita dan Artikel — Artikel panjang di situs seperti Medium, portal berita, dan blog seringkali membutuhkan pengguliran yang ekstensif. Aktifkan tombol di situs bacaan favorit Anda dan lompat kembali ke menu navigasi atau judul secara instan.

🛒 Belanja dan E-Commerce — Halaman daftar produk di Amazon, eBay, Etsy, dan pasar lainnya bisa terus-menerus. Tombol gulir-ke-atas memungkinkan Anda dengan cepat kembali ke filter, bilah pencarian, dan navigasi kategori tanpa menggulir secara manual.

📱 Feed Media Sosial — Feed gulir tak terbatas di Reddit, Twitter/X, Hacker News, dan forum. Setelah menggulir lusinan postingan, satu klik membawa Anda kembali ke atas untuk menyegarkan atau menavigasi.

📚 Dokumentasi dan Referensi — Dokumentasi teknis, referensi API, artikel Wikipedia, dan makalah penelitian dengan konten panjang. Tempatkan tombol di sudut yang nyaman dan lompat antar bagian secara efisien.

💬 Forum dan Utas Komentar — Utas diskusi panjang di Stack Overflow, masalah GitHub, atau forum komunitas. Gulir melalui jawaban dan komentar, lalu segera kembali ke pertanyaan atau postingan asli.

⭐ MENGAPA MEMILIH TOMBOL GULIR KE ATAS

🎛️ Ikut Serta, Bukan Keluar — Kebanyakan ekstensi gulir-ke-atas menyuntikkan tombol di setiap halaman. Tombol Gulir ke Atas mengambil pendekatan sebaliknya: dinonaktifkan secara default, diaktifkan hanya di tempat yang Anda inginkan. Browser Anda tetap bersih.

🧩 Isolasi CSS Sejati — Shadow DOM bukan hanya jargon di sini. Tombol dirender di dalam akar bayangan tertutup, yang berarti sama sekali tidak ada CSS dari halaman host yang dapat memengaruhinya, dan gaya tombol tidak dapat keluar. Ini adalah pendekatan rekayasa yang benar, dan sebagian besar ekstensi pesaing melewatinya sepenuhnya.

📐 Penempatan Fleksibel — Sembilan posisi alih-alih satu atau dua yang biasa. Kanan-bawah tidak selalu menjadi tempat terbaik — beberapa situs memiliki widget obrolan, spanduk cookie, atau elemen mengambang di sudut itu. Pindahkan tombol ke mana pun ia cocok.

🧠 Kecerdasan Per-Situs — Ekstensi ini mengingat tidak hanya situs mana yang diaktifkan, tetapi juga posisi tombol untuk setiap situs individu. Konfigurasi sekali, lupakan saja.

⚡ Dampak Kinerja Nol — Tidak ada skrip latar belakang yang berjalan, tidak ada koneksi persisten, tidak ada polling timer. Skrip konten menggunakan pendengar guliran pasif dan hanya aktif ketika halaman berada dalam daftar yang diaktifkan. Jika situs tidak diaktifkan, tombol disembunyikan dan skrip pada dasarnya tidak aktif.

🔄 Pembaruan Langsung — Ketika Anda mengubah pengaturan di pop-up, tombol di halaman segera diperbarui. Tidak perlu menyegarkan tab.

📋 DETAIL TEKNIS

• Manifest V3 — Dibangun di atas platform ekstensi terbaru Chrome untuk peningkatan keamanan dan kinerja.
• Browser yang Didukung — Google Chrome, browser berbasis Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• Injeksi Skrip Konten — Berjalan di document_idle untuk dampak nol pada waktu muat halaman.
• Ambang Gulir — Tombol muncul setelah menggulir 300 piksel, mencegahnya muncul di halaman pendek.
• Animasi — Memudar dengan mulus dengan transisi translateY. Perilaku gulir menggunakan API gulir mulus asli.
• Penyimpanan — Penyimpanan sinkronisasi Chrome memastikan pengaturan Anda mengikuti Anda di seluruh perangkat tempat Anda masuk ke Chrome.
• Tanpa Langkah Pembangunan — JavaScript murni vanila. Tanpa kerangka kerja, tanpa bundler, tanpa dependensi.
• Ringan — Seluruh ekstensi berukuran di bawah 500KB termasuk semua 55 file bahasa dan font yang dibundel.

🚀 MULAI

Klik "Tambahkan ke Chrome" untuk menginstal Tombol Gulir ke Atas. Tidak ada yang perlu dikonfigurasi di muka — cukup jelajahi secara normal. Ketika Anda mendarat di halaman di mana Anda ingin tombol, klik ikon ekstensi dan aktifkan untuk situs tersebut. Pilih posisi yang Anda inginkan dan semuanya sudah diatur. Ekstensi ini mengingat pilihan Anda dan tombol akan ada di sana setiap kali Anda berkunjung.

Dibuat dengan cermat oleh PYROCTAL.