Смешанный скролл в Тильде
Введение
Если вы хотите улучшить визуальное восприятие вашего сайта на Tilda, смешанный скролл может стать отличным решением. Хотя в стандартном функционале Tilda Publishing нет такой опции, нашу модификацию можно легко внедрить для реализации этой функции. Давайте разберемся, как сочетание горизонтального и вертикального скролла может создать необычный и интересный опыт для ваших пользователей.
Что такое смешанный скролл в тильда
Смешанный скролл в Тильде — это новый способ навигации по сайту, сочетающий вертикальное и горизонтальное прокручивание. Иными словами, это возможность прокручивать страницу как сверху вниз, так и слева направо. Этот метод помогает улучшить удобство использования и придает сайту визуальную привлекательность.
Смешанный скролл в Тильда. Шаг за шагом
Давайте поговорим о том, как реализовать смешанный скролл в конструкторе сайтов Тильда:
- В самом начале страницы создайте zero block
- Откройте настройки этого зеро блока
- Нажмите на ссылку«Добавить CSS Class Name»
- В появившемся поле пропишите класс«uc-zero-container»
- Откройте редактор этого блока, очистите его содержимое и удалите фоновую заливку
- В поле«WINDOW CONTAINER HEIGHT, %»пропишите цифру 100
- Сохраните изменения и закройте зеро блок
- На следующем шаге создайте нужные вам блоки на странице. Можно использовать как стандартные блоки, так и зеро блоки.
- Всем стандартным блокам в настройках присвойте класс«uc-standart»
- Для нулевых блоков в поле«WINDOW CONTAINER HEIGHT, %»пропишите цифру 100
- Пустой зеро блок и те блоки, который есть в смешанном скролле, настройте для показа только на устройствах шириной больше 980px (Это значение настраивается в коде)
- После всех блоков на странице создайте html блок «Т123»
- Нажмите на кнопку«Контент»и скопируйте в него код нашей модификации (Код вы найдете в конце этого раздела)
- В код нужно скопировать и вставить ID всех блоков, которые вы используете на странице
- Если вы пропишете ID блока в отдельных кавычках, то этот блок будет прокручиваться сверху вниз
- Если же прописать несколько блоков в общих кавычках через запятую, то эти блоки будут прокручиваться слева направо
Преимущества горизонтального скролла
Горизонтальная прокрутка отлично подходит для веб-страниц с обширным контентом, улучшая навигацию и позволяя пользователям легко просматривать элементы, такие как большие изображения или таблицы. Кроме того, это придает вашему дизайну современный и элегантный вид.
Преимущества вертикального скролла
С другой стороны, вертикальный скролл — это устоявшийся способ подачи информации, который обеспечивает естественное восприятие данных, что особенно важно для текстовых материалов. Пользователи часто выбирают вертикальный скролл из-за его удобства при чтении и восприятии контента.