Произошла ошибка...
Для генерации кода необходимо внести данные во все обязательные поля.
Код успешно скопирован!
Как вставить код в Taptop?
Откройте настройки страницы в Taptop
В блоке «Перед тегом body» вставьте сгенерированный код
Опубликуйте страницу
Проверьте работу расширения на опубликованном сайте
Расширение не работает? Прочтите раздел «Решение возможных проблем» в документации, перепроверьте все шаги инструкции или обратитесь в поддержку.
Плавный скролл
Плавный скролл делает прокрутку сайта более мягкой и комфортной для восприятия. Вместо резких скачков при прокрутке с помощью мыши, клавиатуры или свайпа, страница двигается плавно и последовательно. Пользователям будет легче воспринимать информацию и ориентироваться на странице. Это особенно важно для сайтов с длинными страницами, текстами или визуальными эффектами.
Taptop
Автор
Бесплатно
Цена
10 мая 2025
Обновлено
Для подключения расширения необходим компьютер
Вы просматриваете страницу с мобильного устройства. Чтобы подключить расширение к Taptop, пожалуйста, откройте эту страницу на компьютере и следуйте инструкции.
Как работает расширение
Расширение добавляет на сайт плавную прокрутку с поддержкой клавиатуры и сенсорных устройств. Вы можете выбрать готовый режим прокрутки (например, «быстрый» или «для чтения») или настроить поведение вручную под особенности вашего сайта.
Как работать с инструкцией
Для настройки расширения вам нужно:
В генераторе кода (в правой части страницы) — настроить параметры скролла и сгенерировать код.
На платформе Taptop — вставить полученный код в настройках страницы.
Установка расширения на сайт
Шаг 1: Настройте параметры в генераторе и сгенерируйте код
1. Перейдите к генератору (в правой части страницы с данной инструкцией).
2. Выберите подходящий пресет для скролла:
Стандартный — сбалансированная настройка с умеренной плавностью. Прокрутка воспринимается естественно, без резкости и торможения.
Плавный — максимально плавная прокрутка с замедленным откликом.
Или настройте параметры вручную:
Интенсивность плавности — регулирует насколько плавной будет прокрутка Чем выше процент, тем более плавная и мягкая прокрутка.
Скорость прокрутки — определяет как быстро прокрутка реагирует на движения мыши и тачпада
3. Нажмите кнопку "Сгенерировать код". Код будет автоматически скопирован в буфер обмена, и вы увидите уведомление.
Шаг 2: Вставьте код на сайт
Перейдите в Taptop и откройте настройки страницы: на вкладке Страницы нажмите иконку шестеренки рядом с названием нужной страницы.
В блоке "Перед тегом <body>" вставьте сгенерированный код.
Сохраните изменения на странице и опубликуйте ее (
Ctrl+Shift+S).
Если вы хотите, чтобы плавный скролл работал на всех страницах сайта, то код можно вставлять не на каждую страницу (в настройки страницы), а в настройки проекта. Для этого:
Перейдите в Настройки проекта: нажмите на логотип Taptop в левом верхнем углу редактора и выберите пункт “Настройки проекта”.
Откройте раздел Пользовательский код, вставьте сгенерированный код в блок “Перед тегом <body>” и нажмите кнопку “Сохранить изменения”.
<smooth-scroll-generator></smooth-scroll-generator>
