Кнопка «Нагору»

Втомилися від нескінченного прокручування лише для того, щоб повернутися до початку сторінки? Кнопка "Нагору" додає витончену плаваючу кнопку на будь-який веб-сайт — один дотик, і ви повертаєтеся догори зі плавною анімацією прокручування. Легка, приватна та повністю під вашим контролем.

✨ КЛЮЧОВІ ОСОБЛИВОСТІ

⬆️ Плаваюча кнопка "Прокрутити догори" — Чиста, кругла кнопка зі значком шеврона з'являється, коли ви прокручуєте вниз. Клацніть її, щоб плавно прокрутити сторінку догори. Просто, швидко, ефективно.

🎯 Ввімкнення/Вимкнення для кожного сайту — Кнопка вимкнена за замовчуванням на кожному сайті. Ви самі вибираєте, де саме вона з'явиться. Відкрийте спливаюче вікно, натисніть перемикач для поточного сайту, готово. Жодного безладу на сайтах, де вона вам не потрібна.

📐 Сітка розміщення з 9 позиціями — Розмістіть кнопку в будь-якому місці екрана за допомогою візуальної сітки 3x3: верх, центр або низ у поєднанні з лівою, центральною або правою стороною. Дев'ять можливих позицій. Виберіть місце, яке найкраще підходить для кожного макета сторінки.

📌 Пам'ять позиції для кожного сайту — Різні сайти, різні макети. Встановіть кнопку внизу праворуч на одному сайті та вгорі ліворуч на іншому. Кнопка "Нагору" запам'ятовує позицію кожного сайту незалежно, тому ваші уподобання завжди враховуються.

🛡️ Ізоляція Shadow DOM — Кнопка знаходиться всередині контейнера Shadow DOM, повністю ізольованого від CSS сторінки-хоста. Це означає нульові конфлікти стилів — кнопка виглядає та працює ідеально на кожному веб-сайті, незалежно від складності стилізації сторінки.

🌙 Підтримка темної теми — Автоматично адаптується до колірної схеми вашої системи. Світлий фон у світлому режимі, напівпрозорий ефект скла у темному режимі. Також виявляє атрибут html[dark], який використовується багатьма веб-сайтами для ручного перемикання темної теми.

🌍 55 мов — Спливаюче вікно розширення та весь інтерфейс повністю локалізовані на 55 мовах, включаючи англійську, іспанську, французьку, німецьку, японську, корейську, китайську (спрощену та традиційну), арабську, гінді, російську, португальську та багато інших.

♿ Доступність з клавіатури — Кнопка "нагору" підтримує навігацію за допомогою клавіатури. Перейдіть до неї за допомогою Tab, натисніть Enter або Space для активації. Включає належну роль ARIA та мітку для програм читання з екрана.

🎯 ЯК ЦЕ ПРАЦЮЄ

1. Встановіть — Натисніть "Додати в Chrome", і розширення готове. Не потрібен обліковий запис, реєстрація, майстер налаштування.

2. Відвідайте будь-який веб-сайт — Перейдіть на сторінку, де ви хочете, щоб з'явилася кнопка "нагору".

3. Увімкніть сайт — Клацніть значок кнопки "Нагору" на панелі інструментів. Натисніть перемикач, щоб увімкнути кнопку на поточному сайті. Плаваюча кнопка з'явиться негайно.

4. Виберіть позицію — Використовуйте сітку 3x3 у спливаючому вікні, щоб розмістити кнопку саме там, де ви хочете на екрані. Ваш вибір зберігається для цього конкретного сайту.

5. Прокрутіть та натисніть — Прокрутіть будь-яку сторінку вниз. Коли ви пройдете поріг прокручування, кнопка плавно з'явиться з анімацією. Клацніть її, щоб повернутися догори. Ось і все.

🔒 КОНФІДЕНЦІЙНІСТЬ ТА БЕЗПЕКА

Кнопка "Нагору" розроблена з принципом конфіденційності як основним. Ось що це розширення робить і не робить:

🚫 Без відстеження — Немає коду аналітики, телеметрії, статистики використання. Нічого не вимірюється та не повідомляється.

🚫 Без збору даних — Ваша історія переглядів, список увімкнених сайтів та налаштування позиції ніколи не залишають ваш браузер. Все зберігається локально в сховищі синхронізації Chrome.

🚫 Без зовнішніх запитів — Розширення не робить жодних мережевих запитів. Жодних віддалених серверів, CDN, сторонніх сценаріїв. Кожен ресурс — шрифти, значки, стилі — вбудований безпосередньо в розширення.

🚫 Без реклами — Жодної реклами, спонсорського контенту, монетизації будь-якого виду.

📋 Пояснення дозволів:
• storage — Використовується для збереження вашого списку увімкнених сайтів та налаштувань позиції кнопки. Ці дані синхронізуються між вашими екземплярами Chrome через вбудовану синхронізацію Chrome, але ніколи не надсилаються на будь-який зовнішній сервер.
• activeTab — Використовується для виявлення імені хоста поточної вкладки, щоб спливаюче вікно могло показати, чи увімкнено сайт, і дозволити вам його перемкнути. Цей дозвіл не надає доступ до вмісту сторінки.

От і все. Два дозволи, обидва важливі, обидва мінімальні.

💡 ВАРІАНТИ ВИКОРИСТАННЯ

📰 Сайти новин та статей — Довгі статті на таких сайтах, як Medium, новинні портали та блоги, часто вимагають тривалого прокручування. Увімкніть кнопку на своїх улюблених сайтах для читання та миттєво повертайтеся до навігаційного меню або заголовка.

🛒 Покупки та електронна комерція — Сторінки зі списками товарів на Amazon, eBay, Etsy та інших торгових майданчиках можуть тривати нескінченно. Кнопка "нагору" дозволяє швидко повертатися до фільтрів, панелей пошуку та навігації по категоріях без ручного прокручування.

📱 Стрічки соціальних мереж — Стрічки нескінченного прокручування на Reddit, Twitter/X, Hacker News та форумах. Після прокручування десятків публікацій один клік повертає вас догори, щоб оновити або перейти.

📚 Документація та довідники — Технічна документація, посилання на API, статті Вікіпедії та дослідницькі роботи з великим вмістом. Розмістіть кнопку у зручному куті та ефективно переміщуйтесь між розділами.

💬 Форуми та обговорення — Довгі теми обговорень на Stack Overflow, GitHub issues або форумах спільнот. Прокрутіть відповіді та коментарі, потім миттєво поверніться до вихідного питання або допису.

⭐ ЧОМУ ОБРАТИ КНОПКУ "НАГОРУ"

🎛️ За замовчуванням вимкнено, а не увімкнено — Більшість розширень "нагору" вставляють кнопки на кожну сторінку. Кнопка "Нагору" має протилежний підхід: за замовчуванням вимкнена, увімкнена лише там, де вам це потрібно. Ваш браузер залишається чистим.

🧩 Справжня ізоляція CSS — Shadow DOM тут не просто модне слово. Кнопка відображається всередині закритого кореня тіні, що означає, що абсолютно жоден CSS зі сторінки-хоста не може на неї вплинути, і стилі кнопки не можуть витікати. Це правильний інженерний підхід, і більшість конкуруючих розширень повністю його ігнорують.

📐 Гнучке позиціонування — Дев'ять позицій замість типової однієї або двох. Внизу праворуч не завжди найкраще місце — деякі сайти мають віджети чату, банери cookie або плаваючі елементи в цьому куті. Перемістіть кнопку туди, де вона підходить.

🧠 Інтелект для кожного сайту — Розширення запам'ятовує не лише те, які сайти увімкнені, але й позицію кнопки для кожного окремого сайту. Налаштуйте один раз, забудьте про це.

⚡ Нульовий вплив на продуктивність — Немає фонових сценаріїв, що працюють, немає постійних з'єднань, немає опитувань таймерів. Скрипт вмісту використовує пасивний слухач прокручування та активується лише тоді, коли сторінка знаходиться у списку увімкнених. Якщо сайт не увімкнено, кнопка прихована, а скрипт по суті неактивний.

🔄 Оновлення в реальному часі — Коли ви змінюєте налаштування у спливаючому вікні, кнопка на сторінці оновлюється негайно. Немає необхідності оновлювати вкладку.

📋 ТЕХНІЧНІ ДЕТАЛІ

• Manifest V3 — Побудовано на новітній платформі розширень Chrome для покращеної безпеки та продуктивності.
• Підтримувані браузери — Google Chrome, браузери на базі Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• Впровадження скрипту вмісту — Запускається при document_idle для нульового впливу на час завантаження сторінки.
• Поріг прокручування — Кнопка з'являється після прокручування на 300 пікселів, запобігаючи її відображенню на коротких сторінках.
• Анімація — Плавна поява з переходом translateY. Поведінка прокручування використовує нативний API плавного прокручування.
• Зберігання — Хмарне сховище Chrome забезпечує синхронізацію ваших налаштувань між пристроями, на яких ви увійшли в Chrome.
• Без етапу збирання — Чистий чистий JavaScript. Жодних фреймворків, бандлерів, залежностей.
• Легка — Все розширення має обсяг менше 500 КБ, включаючи всі 55 мовних файлів та вбудовані шрифти.

🚀 ПОЧНІТЬ

Натисніть "Додати до Chrome", щоб встановити кнопку "Нагору". Нічого не потрібно налаштовувати заздалегідь — просто переглядайте нормально. Коли ви потрапляєте на сторінку, де вам потрібна кнопка, натисніть значок розширення та увімкніть його для цього сайту. Виберіть бажану позицію, і все готово. Розширення запам'ятовує ваш вибір, і кнопка буде там щоразу, коли ви будете відвідувати.

Створено з турботою PYROCTAL.