arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана настройка якорных ссылок в навигации: присвоение ID секциям, ссылки в меню с href="#id", настройка скорости прокрутки через параметры прокрутки страницы. Показана также настройка отдельной скорости прокрутки для конкретной кнопки и межстраничные якоря. Скорость прокрутки задаётся в настройках страницы в Taptop — одно значение для всех якорных ссылок. Если нужна разная скорость для разных кнопок — это уже кастомный JS через MZ-виджет. Якорная ссылка на другой странице работает через URL + #id (https://site.com/page#section). Урок для всех, кто верстает лендинги или одностраничные сайты с навигацией. Понимание базовых ссылок и структуры страницы в Taptop достаточно. Никакого кода не нужно — только правильно задать ID и href.

Как настроить якорные ссылки в Taptop

Кнопка «Оставить заявку» должна прокрутить к форме, кнопка «Наверх» — вернуть в начало. Как настроить переход к нужному блоку без смены URL? Можно ли управлять скоростью прокрутки?
Якорные ссылки в Taptop настраиваются через действие «Переход по якорю»: выбираешь любой элемент на странице. Скорость прокрутки настраивается дополнительно. Работает для навигации лендингов, кнопок CTA и кнопки «Наверх». Для всех. После просмотра настраиваешь плавную прокрутку к любому блоку страницы.
Тайминги видео
00:00 — Что такое якорная ссылка и зачем она нужна 00:40 — Настройка в меню: переход по якорю, выбор секции 01:20 — Плавная прокрутка: параметр Scroll Speed 02:00 — Разная скорость для кнопки и меню 02:40 — Якорные ссылки для кнопок, текстов, link-блоков 03:20 — Up Button: кнопка «наверх» с фиксированным позиционированием

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока