Кнопка «Наверх»

Надоела бесконечная прокрутка страницы, чтобы вернуться к ее началу? Расширение Scroll to Top Button добавляет изящную плавающую кнопку на любой веб-сайт — одно нажатие, и вы снова вверху страницы с плавной анимацией прокрутки. Легкое, сохраняющее конфиденциальность и полностью под вашим контролем.

✨ КЛЮЧЕВЫЕ ОСОБЕННОСТИ

⬆️ Плавающая кнопка «Вверх» — Аккуратная круглая кнопка со стрелкой появляется, когда вы прокручиваете страницу вниз. Нажмите на нее, чтобы плавно прокрутиться к началу страницы. Просто, быстро, эффективно.

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

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

📌 Запоминание позиции для каждого сайта — Разные сайты, разные макеты. Установите кнопку в правом нижнем углу на одном сайте и в левом верхнем на другом. Scroll to Top Button помнит позицию каждого сайта независимо, поэтому ваши предпочтения всегда будут соблюдаться.

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

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

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

♿ Доступность с клавиатуры — Кнопка прокрутки вверх поддерживает навигацию с клавиатуры. Перейдите к ней с помощью Tab, нажмите Enter или Space для активации. Включает правильную роль ARIA и метку для скринридеров.

🎯 КАК ЭТО РАБОТАЕТ

1. Установка — Нажмите «Добавить в Chrome», и расширение готово. Не требуется аккаунт, регистрация или мастер настройки.

2. Посетите любой веб-сайт — Перейдите на страницу, где вы хотите, чтобы появилась кнопка прокрутки вверх.

3. Включите сайт — Нажмите значок Scroll to Top Button на панели инструментов. Переключите тумблер, чтобы включить кнопку на текущем сайте. Плавающая кнопка появится немедленно.

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

5. Прокрутка и нажатие — Прокрутите любую страницу вниз. При достижении порога прокрутки кнопка плавно появляется с анимацией. Нажмите на нее, чтобы скользнуть к вершине. Вот и все.

🔒 КОНФИДЕНЦИАЛЬНОСТЬ И БЕЗОПАСНОСТЬ

Scroll to Top Button разработан с учетом конфиденциальности как основного принципа. Вот что это расширение делает и чего не делает:

🚫 Отсутствие отслеживания — Нет кода аналитики, нет телеметрии, нет статистики использования. Ничего не измеряется и не сообщается.

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

🚫 Отсутствие внешних запросов — Расширение не делает никаких сетевых запросов. Ни удаленных серверов, ни CDN, ни сторонних скриптов. Все ресурсы — шрифты, иконки, стили — встроены непосредственно в расширение.

🚫 Отсутствие рекламы — Никакой рекламы, спонсируемого контента, монетизации любого рода.

📋 Объяснение разрешений:
• storage — Используется для сохранения вашего списка включенных сайтов и предпочтений позиционирования кнопки. Эти данные синхронизируются между вашими экземплярами Chrome через встроенную синхронизацию Chrome, но никогда не отправляются на какой-либо внешний сервер.
• activeTab — Используется для определения имени хоста текущей вкладки, чтобы всплывающее окно могло показать, включен ли сайт, и позволить вам переключать его. Это разрешение не предоставляет доступ к содержимому страницы.

Вот и все. Два разрешения, оба необходимы, оба минимальны.

💡 ВАРИАНТЫ ИСПОЛЬЗОВАНИЯ

📰 Новостные и статейные сайты — Длинные статьи на таких сайтах, как Medium, новостных порталах и блогах, часто требуют обширной прокрутки. Включите кнопку на ваших любимых сайтах для чтения и мгновенно переходите к меню навигации или заголовку.

🛒 Покупки и электронная коммерция — Страницы со списками товаров на Amazon, eBay, Etsy и других торговых площадках могут быть бесконечными. Кнопка прокрутки вверх позволяет быстро вернуться к фильтрам, строкам поиска и навигации по категориям без ручной прокрутки.

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

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

💬 Форумы и ветки комментариев — Длинные ветки обсуждений на Stack Overflow, в задачах GitHub или на форумах сообщества. Прокручивайте ответы и комментарии, а затем мгновенно возвращайтесь к исходному вопросу или сообщению.

⭐ ПОЧЕМУ СТОИТ ВЫБРАТЬ SCROLL TO TOP BUTTON

🎛️ Добровольное включение, а не отключение — Большинство расширений для прокрутки вверх внедряют кнопки на каждую страницу. Scroll to Top Button принимает противоположный подход: по умолчанию отключено, включается только там, где вы этого хотите. Ваш браузер остается чистым.

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

📐 Гибкое позиционирование — Девять позиций вместо типичных одной-двух. Нижний правый угол не всегда является лучшим местом — на некоторых сайтах в этом углу есть виджеты чата, баннеры с куки или плавающие элементы. Переместите кнопку туда, где она подходит.

🧠 Интеллект для каждого сайта — Расширение запоминает не только то, какие сайты включены, но и положение кнопки для каждого отдельного сайта. Настройте один раз и забудьте об этом.

⚡ Нулевое влияние на производительность — Нет фоновых скриптов, постоянных подключений, таймеров опроса. Скрипт контента использует пассивный слушатель прокрутки и активируется только тогда, когда страница находится в списке включенных. Если сайт не включен, кнопка скрыта, а скрипт, по сути, неактивен.

🔄 Обновления в режиме реального времени — При изменении настроек во всплывающем окне кнопка на странице обновляется немедленно. Нет необходимости обновлять вкладку.

📋 ТЕХНИЧЕСКИЕ ДЕТАЛИ

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

🚀 НАЧНИТЕ РАБОТУ

Нажмите «Добавить в Chrome», чтобы установить Scroll to Top Button. Ничего не нужно настраивать заранее — просто просматривайте страницы как обычно. Когда вы окажетесь на странице, где вам нужна кнопка, нажмите значок расширения и включите ее для этого сайта. Выберите предпочтительное положение, и вы готовы. Расширение запомнит ваш выбор, и кнопка будет там при каждом посещении.

Сделано с заботой PYROCTAL.