Tilda PublishingПодписка

Смешанный скролл в Тильда. Горизонтальный и вертикальный

Введение

Если вы когда-либо задумывались о том, как улучшить визуальный опыт вашего tilda сайта, смешанный скролл в тильда может стать вашим надежным союзником. Несмотря на то, что в Tilda Publishing нет подобного функционала, смешанный скролл можно легко реализовать с помощью нашей тильда модификации. Давайте рассмотрим, почему горизонтальный и вертикальный скролл вместе могут создать удивительное взаимодействие для ваших пользователей.

Что такое смешанный скролл в тильда

Смешанный скролл — это инновационный подход к навигации по блокам на сайте, объединяющий горизонтальное и вертикальное движение. Простыми словами – это прокрутка страницы сверху вниз и слева на право. Этот подход призван не только обеспечить простоту использования, но и добавить визуальный интерес, делая ваш сайт более привлекательным.

Смешанный скролл в Тильда. Шаг за шагом

Давайте поговорим о том, как реализовать смешанный скролл в конструкторе сайтов Тильда:

  1. В самом начале страницы создайте zero block
  2. Откройте настройки этого зеро блока
  3. Нажмите на ссылку «Добавить CSS Class Name»
  4. В появившемся поле пропишите класс «uc-zero-container»
  5. Откройте редактор этого блока, очистите его содержимое и удалите фоновую заливку
  6. В поле «WINDOW CONTAINER HEIGHT, %» пропишите цифру 100
  7. Сохраните изменения и закройте зеро блок
  8. На следующем шаге создайте нужные вам блоки на странице. Можно использовать как стандартные блоки, так и зеро блоки.
  9. Всем стандартным блокам в настройках присвойте класс «uc-standart»
  10. Для нулевых блоков в поле «WINDOW CONTAINER HEIGHT, %» пропишите цифру 100
  11. После всех блоков на странице создайте html блок «Т123»
  12. Нажмите на кнопку «Контент» и скопируйте в него код нашей модификации (Код вы найдете в конце этого раздела)
  13. В код нужно скопировать и вставить ID всех блоков, которые вы используете на странице
  14. Если вы пропишете ID блока в отдельных кавычках, то этот блок будет прокручиваться сверху вниз
  15. Если же прописать несколько блоков в общих кавычках через запятую, то эти блоки будут прокручиваться слева направо

Пример:

Смешанный скролл в Тильда
  1. После того, как все настроите, сохраните изменения и опубликуйте страницу

Модификация для смешанного скролла в тильде

Код доступен только тем, кто зарегистрировался и оплатил подписку
Подписка стоит 400 руб./мес. или 1500 руб. в год
Покупая подписку, ты получаешь:

– доступ ко всем уникальным модификациям
– отключение всей рекламы на сайте
– неограниченный размер загружаемых файлов в LF Cloud

Оформить подписку

Преимущества горизонтального скролла

Горизонтальный скролл идеально подходит для веб-страниц с широким контентом. Это улучшает навигацию, позволяя пользователям легко просматривать горизонтальные элементы, такие как широкие изображения или таблицы. Не говоря уже о том, что это придает вашему веб-дизайну современный и стильный вид.

Преимущества вертикального скролла

С другой стороны, вертикальный скролл — это проверенный временем метод передачи информации. Он создает естественный поток данных, что особенно важно для текстового контента. Пользователи предпочитают вертикальный скролл для удобства чтения и восприятия информации.

Заключение

Следуя простым шагам по включению смешанного скролла в тильде, вы откроете перед своими пользователями уникальный способ взаимодействия с вашим контентом. Интеграция этой функции может быть ключом к увеличению вовлеченности и удовлетворенности вашей аудитории.

Завершая наш разговор о смешанном скролле, не забывайте следить за тенденциями и развитием веб-дизайна. Это лишь начало, и мы уверены, что эта инновация будет играть все более важную роль в создании уникальных и привлекательных онлайн-проектов.

Часто задаваемые вопросы

  1. Могу ли я использовать смешанный скролл на любом сайте на Tilda?
    • Да, смешанный скролл доступен для использования на любых веб-страницах, созданных с помощью Tilda.
  2. Как я могу убедиться, что мой контент выглядит одинаково хорошо на мобильных устройствах?
    • При использовании смешанного скролла на Tilda, система автоматически обеспечивает адаптивность контента для различных устройств в стандартных блоках, а зеро блоки нужно адаптировать самостоятельно.
  3. Могу ли я включить смешанный скролл только для определенных секций на странице?
    • Нет, модификация работает только со всеми блоками на странице.
  4. Какие SEO-преимущества принесет мне смешанный скролл?
    • Смешанный скролл может улучшить SEO, обеспечивая более удобную навигацию для пользователей и увеличивая время, проведенное на сайте.

Смотрите обучающие видео уроки по Тильде тут

Читайте также: Пагинация в Tilda

Добавить комментарий