Горизонтальный скролл страницы
Переключает полноэкранные блоки горизонтально колесом мыши и клавишами; на узких экранах возвращает обычную страницу.
Что делает модификация
Переключает полноэкранные блоки горизонтально колесом мыши и клавишами; на узких экранах возвращает обычную страницу.
Требования
Режим применяется ко всей странице и отключает вертикальную прокрутку на больших экранах. Не устанавливайте одновременно другой перехватчик колеса мыши.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс контейнера | Выберите значение в интерфейсе личного кабинета. |
| Класс содержимого | Выберите значение в интерфейсе личного кабинета. |
| Класс экранов | Выберите значение в интерфейсе личного кабинета. |
| Минимальная ширина, px | Параметр 640–1600 |
| Время перехода, ms | Параметр 100–3000 |
Пошаговая установка
- Подготовьте экраныСоздайте блоки с классом uc-scroll-block и адаптируйте их под ширину 100% окна и высоту 100vh. Порядок блоков задаёт порядок экранов. В настройках сайта отключите Lazy Load. У экранов не задавайте диапазон видимости по устройствам.
- Добавьте контейнерыСоздайте два пустых Zero Block с классами uc-scroll-container и uc-scroll-content. Удалите их элементы и заливку; они объединяют подготовленные экраны.
- Добавьте кодВставьте сгенерированный фрагмент в T123 после всех экранов. На ширине от 980 px колесо переключает экраны горизонтально.
- Проверьте мобильную версиюНа ширине меньше выбранной границы возвращается обычная вертикальная страница. Проверьте изменение размера окна и переходы клавишами ← и →.
Режим применяется ко всей странице и отключает вертикальную прокрутку на больших экранах. Не устанавливайте одновременно другой перехватчик колеса мыши.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете, выберите параметры и получите готовый код.
Нужно ли редактировать код вручную?
Параметры задаются в кабинете. Для составных модификаций вставьте подписанные части в места, указанные в инструкции.
Что показывает живой пример?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные блоки Tilda.