АНИМАЦИЯ / СЛАЙДЕРЫ / TILDA
Горизонтальный скролл в Zero Block
Переводит движение колеса мыши в горизонтальную прокрутку Zero Block, сохраняя свайпы и обычную прокрутку страницы на краях.
Живой пример
Что делает модификация
Переводит движение колеса мыши в горизонтальную прокрутку Zero Block, сохраняя свайпы и обычную прокрутку страницы на краях.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверяйте опубликованную страницу, а не редактор Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| CSS-класс блока | Выберите значение в интерфейсе личного кабинета. |
| Множитель прокрутки | Параметр 0.1–5 |
Пошаговая установка
- Подготовьте рядСоздайте Zero Block и расположите элементы горизонтально, с выходом за правый край видимой области. Адаптируйте ряд для телефона.
- Разрешите прокруткуВ POSITION AND OVERFLOW выберите Differ X,Y и X:Auto. Контент должен быть шире экрана.
- Задайте классВ BLOCK CSS CLASS NAME укажите uc-zero-h. В настройках генератора используйте тот же класс.
- Установите кодВ личном кабинете задайте параметры и нажмите «Сгенерировать код». Вставьте весь результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- Проверьте краяПрокрутите ряд колесом и свайпами. В начале и конце прокрутка страницы должна продолжаться.
Важно
Проверяйте опубликованную страницу, а не редактор Tilda.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.
Когда появится результат?
После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.
Что показывает пример?
Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.