Модификации
База
Профиль
Подписка
Сервисы
Партнерская программа
ТЕХПОДДЕРЖКА
Модификации
Профиль
Подписка
База
Сервисы
Линкбилдер
Конвертер регистров
Партнерская программа
Техподдержка
Модификации
База
войти
регистрация
Сервисы
Главная
Модификации
Тарифы
База
Сервисы
Линкбилдер
Конвертер регистров
Вход
Регистрация
Линкбилдер
Конвертер регистров
URL скопирован в буфер обмена!
Как сделать
горозонтальный скролл
в Zero Block на Tilda?
С помощью этой модификации можно сделать горизонтальную прокрутку зеро блока на Тильда.
TCD014
Совместимость: Zero Block
Поддержка Autoscale: Есть
Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block
Номер модификации в библиотеке TiCode
Генератор кода
поделиться модификацией
id Zero blok с контентом
Показывать другой курсор(Grab) в этом блоке?
Да, всегда
Только для экранов до 1200px
Только для экранов до 960px
войти
Войдите в аккаунт чтобы получить доступ к генератору кода
регистрация
<!--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