URL скопирован в буфер обмена!

Как сделать горозонтальный скролл в Zero Block на Tilda?

С помощью этой модификации можно сделать горизонтальную прокрутку зеро блока на Тильда.

Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block
Номер модификации в библиотеке TiCode

Генератор кода

id Zero blok с контентом
Показывать другой курсор(Grab) в этом блоке?
Войдите в аккаунт чтобы получить доступ к генератору кода
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <!--TCD014--><script src='https://cdn.jsdelivr.net/npm/dragscroll@0.0.8/dragscroll.min.js'></script> <script> var ticodescroll = $('#rec493782123'); ticodescroll.find('.t396__artboard').addClass('dragscroll'); </script> <style> #rec493782123 .dragscroll::-webkit-scrollbar { display: none; } @media (min-width: 320px) { .dragscroll { cursor: -webkit-grab; cursor: grab; transition: all 0.7s ease; } .dragscroll:active { cursor: -webkit-grabbing; cursor: grabbing; } } </style>
КОПИРОВАТЬ КОД
Для нормальной работы модификации необходимо включить библиотеку jQuery.
Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
1. Создаем Zero Block и настройках блока выставляем параметр Owerflow в режим Auto;

2. Размещаем в блоке весь необходимый контент(все что выходит горизонтально за пределы сетки тильда будет скролиться);

3. Копируем id Zero Block и вставляем в генератор кода;

4. Копируем готовый код и вставляем в HTML блок T123;

Примечание: Добавьте в самый конец скролла небольшой невидимый шейп шириной 40px чтобы при скроле был небольшой отступ от контента.
Made on
Tilda