Как сделать горизонтальный скролл карточек на Тильде

Поділитися
Вставка
  • Опубліковано 27 лис 2024

КОМЕНТАРІ • 92

  • @Abvspace
    @Abvspace Рік тому +26

    В общем, для тех кто так же не понял откуда у него 2860/-2860 взялось и кому так же поддержка тильды нихрена толкового сказать не смогла, посвящается:
    Коррелируйте эту цифру в зависимости от ширины снимка и их количества, во всех версиях экрана. Про высоту зероблока плюс-минус верно он сказал.
    P.S.
    для ТП Тильды - ска, так сложно было тоже самое написать мне а не заставлять считать и разбираться? И не нести чушь типа "это произвольное число"

    • @yuriyumanets2990
      @yuriyumanets2990 10 місяців тому +1

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

  • @Nikoinpsy
    @Nikoinpsy 2 роки тому +5

    БЛАГОДАРЮ!!!! Два дня сидел пытался реализовать анимацию на основе знаний,которые изложены в этом видео! Никак не получалось, пока не нашел это чудо!

    • @Abvspace
      @Abvspace Рік тому +2

      Какое? ) двойное отрицание

  • @krasikovsergey1536
    @krasikovsergey1536 Рік тому +1

    По человечьи донес, молодцом. Полаю.

  • @АндрейК-и6ф
    @АндрейК-и6ф 3 роки тому +39

    Было бы отлично если вы выложили шаблон этого блока в открытые доступ, чтобы не мучаться с настройкой

  • @PINpiter
    @PINpiter 2 роки тому +6

    Класс! только еще б про адаптив бы)

  • @MarinaYushkova
    @MarinaYushkova Рік тому

    какой умный 🥺🙏 я уже при сложении цифр "потерялась" )) огромное спасибо за урок

  • @lyubovkotlyarova2714
    @lyubovkotlyarova2714 2 роки тому +6

    Очень понятно объяснили! Просто супер! Спасибо большое!

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Спасибо!

    • @Abvspace
      @Abvspace Рік тому +1

      ничего себе ты вы понятливая! )

  • @coffeeint
    @coffeeint 10 місяців тому +1

    все понятно. кайф. спасибо!

  • @svetlana_ovsienco
    @svetlana_ovsienco 5 місяців тому

    спасибо, очень доходчиво) буду делать!

  • @ёрш9
    @ёрш9 3 роки тому +3

    Спасибо! Очень поднзный ролик)

  • @rolmscompany
    @rolmscompany 2 місяці тому

    круто супер круто и доступно

  • @kirillr1579
    @kirillr1579 3 роки тому +2

    Очень круто, спасибо !

  • @ОльгаСкребец-ь9т
    @ОльгаСкребец-ь9т 7 місяців тому +1

    Можно подробнее обьяснить, прям с линейкой показать, от какого элемента 350 px, как именно высчитали 2860 , видео для новичков же, которым надо все разжевать

  • @Cutest365
    @Cutest365 Рік тому

    Спасибо брат , все вышло 🔥

  • @sergeyprostobean4521
    @sergeyprostobean4521 3 роки тому +1

    Классно
    Спасибо за урок

  • @ТатьянаГайсина-ц2ч
    @ТатьянаГайсина-ц2ч 3 роки тому +1

    Спасибо!

  • @maturym_
    @maturym_ Рік тому +2

    Было бы здорово, если бы объяснили, как рассчитать значения для анимации

    • @TildaPublishing
      @TildaPublishing  Рік тому +1

      Здравствуйте! К сожалению, мы не можем вам подсказать точные настройки анимации. Вы можете создать свою анимацию, используя учебник - tilda.education/web-animation-course

    • @Abvspace
      @Abvspace Рік тому +7

      @@TildaPublishing вы про свои значения в видео объясните, откуда они взялись, все этого просят. 2860 и тд

  • @rimmchik__
    @rimmchik__ 2 роки тому

    Спасибо большое!

  • @owibka0019
    @owibka0019 Рік тому

    Здравствуйте! Какой шрифт используете для заголовка?

  • @Admin_OSh
    @Admin_OSh 11 місяців тому

    Ура! Получилось! :) А есть функции для эффектов текста? Чтобы мерцало или переливалось? Или это только на кодах?

    • @TildaPublishing
      @TildaPublishing  11 місяців тому +1

      Здравствуйте! Возможно вы найдете подходящий эффект в нашем учебнике по веб-анимации - tilda.education/web-animation-course

    • @Admin_OSh
      @Admin_OSh 11 місяців тому

      @@TildaPublishing спасибо!

  • @MrSuperRenat
    @MrSuperRenat 2 роки тому +3

    А если мне надо просто сделать скролл по горизонтали, чтобы он мог крутить туда сюда когда захочет без скролла к мышке?

  • @sardor9907
    @sardor9907 Рік тому

    🔥🔥🔥

  • @Anna-tc1bs
    @Anna-tc1bs Рік тому +1

    А как же Мобилка? Как там реализовать?)

  • @Василий-у1ь4ы
    @Василий-у1ь4ы 3 роки тому +3

    Покажите как сделать зацикленную анимацию движения объектов горизонтально.Чтобы они сами двигались слева направо. у меня получилось только по скролу сделать чтобы они двигались влево вправо. часто вижу этот эффект на лендингах в made on tilda.

    • @Славик-ш6х
      @Славик-ш6х 3 роки тому +3

      таких видео 200 миллионов штук на ютубе , и в тильде есть подробная инструкция по зацикленной анимации, не ленитесь погуглите

  • @РинатЗиатдинов-ъ6е

    Можно сделать анимацию с сбором маленьких деталий в одну картинку !

  • @move2like
    @move2like 6 місяців тому

    На мобильных версиях эта анимация работает так же?

  • @andriyanova_design
    @andriyanova_design 2 роки тому +7

    почему-то у меня получается диагональная анимация, а не горизонтальная((

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении подробно опишите задачу/ проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу/ проблему и дать максимально точный ответ.

    • @vadikdanilov9805
      @vadikdanilov9805 2 роки тому +1

      Марина, привет! Решила проблему? У меня такой же вопрос

    • @КатяТарасова-ж5ж
      @КатяТарасова-ж5ж 2 роки тому

      И у меня по диагонали движутся

    • @andriyanova_design
      @andriyanova_design 2 роки тому +1

      @@КатяТарасова-ж5ж я уже не помню если честно в чем была проблема, по-моему им нужно просто больше пустого места снизу оставлять

    • @andriyanova_design
      @andriyanova_design 2 роки тому +1

      @@vadikdanilov9805 ответила ниже, если ещё актуально. Но не факт что проблема была в этом, уже не помню просто

  • @juliagrace3059
    @juliagrace3059 3 роки тому +6

    Спасибо! Не очень понятно, могли бы рассказывать подробнее про параметры, которые настраиваете, почему что выбираем и как это влияет

    • @TildaPublishing
      @TildaPublishing  3 роки тому

      Здравствуйте! Подробнее о параметрах пошаговой анимации можно прочитать в статье: help-ru.tilda.cc/zero-advanced-animation

    • @juliagrace3059
      @juliagrace3059 3 роки тому

      @@TildaPublishing благодарю

    • @Abvspace
      @Abvspace Рік тому +1

      ВЫше написал про это, в ТП воду льют

  • @user-eb7xs4wj2r
    @user-eb7xs4wj2r 2 роки тому

    А вроде же появился у Тильды какой-то новый экспериментальный горизонтальный скролл?

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Здравствуйте!Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @EvgeniyaTolochko
    @EvgeniyaTolochko 2 роки тому

    Все супер получилось. Спасибо. А как адаптировать этот экран под мобильное устройство?

    • @TildaPublishing
      @TildaPublishing  2 роки тому

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

  • @ФокусникАртемНежута

    Как сделать следующий эффект:
    есть несколько карточек размещенных горизонтально. Большая часть из них уходит за границы блока. И хочется, когда доскролив до них, эти карточки начали прокручиваться справа на лево. Все. И происходит это, когда колесиком мыши крутишь вниз - т е как бы продолжаешь скролить вниз, но происходит скролл справа на лево..
    Воспользовался методом в этом видео, но доскрроив до нужных карточек скролл продолжается + скролятся эти самые карточки справа на лево. Т е экран не фиксируется зоне отображения карточек, как хотелось бы.

    • @TildaPublishing
      @TildaPublishing  Рік тому

      Добрый день!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

  • @dianisseya
    @dianisseya Рік тому

    Если хочется пальчикам скролл не вниз а справа влево сделать?

  • @johnydes
    @johnydes 2 роки тому +5

    а откуда 2860?

    • @EvgeniyaTolochko
      @EvgeniyaTolochko 2 роки тому

      У меня вообще 6000 получилось там. Это по количеству и ширине карточек

  • @nadiaardis6239
    @nadiaardis6239 2 роки тому

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

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Здравствуйте!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @muamarnews1402
    @muamarnews1402 3 роки тому +1

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

    • @TildaPublishing
      @TildaPublishing  3 роки тому +1

      К сожалению, в рамках комментариев затрудняемся помочь. Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении подробно опишите задачу/ проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу/ проблему и дать максимально точный ответ.

    • @КатяТарасова-ж5ж
      @КатяТарасова-ж5ж 2 роки тому

      И у меня такая же проблема. Повторила все как в видео и тоже уменьшаются. Подскажите решился ли ваш вопрос? Или может вы "починили"

  • @Dmitrii_M
    @Dmitrii_M 3 роки тому +1

    Добрый день! Можете разобрать прилипание к нижней границе экрана? Пробовал для моб версии, но не получилось сделать (при скролле до середины ZERO блока появляется малый элемент в виде шейпа с текстом, который прилипает к нижней границе экрана и держится там в течении 700px) - на мобильной версии Opera норм, а на Chrome получается отступ у нижней границы.

    • @TildaPublishing
      @TildaPublishing  3 роки тому

      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении подробно опишите задачу/ проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу/ проблему и дать максимально точный ответ.

    • @Dmitrii_M
      @Dmitrii_M 3 роки тому +1

      @@TildaPublishing дак нет проблем. Спикер просил написать...я написал, что интересует

  • @ДубасДаниил
    @ДубасДаниил 2 роки тому +1

    Подскажите пожалуйста,как сделать так,чтобы при клике на фотку открывалась галерея со сладейром

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Добрый день! Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc
      В обращении подробно опишите задачу, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @DameliDautkanovalancaster
    @DameliDautkanovalancaster 8 місяців тому

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

  • @АндрейК-и6ф
    @АндрейК-и6ф 3 роки тому +1

    Покажите лучше как делать такую же анимацию в мобильной версии блока

    • @curiousdesigner-2436
      @curiousdesigner-2436 3 роки тому +2

      Нужно просто перейти в мобильную версию и нажать switch on в настройках элемента 😉

    • @АндрейК-и6ф
      @АндрейК-и6ф 3 роки тому +1

      @@curiousdesigner-2436 отлично, попробуем, спасибо за ответ)

  • @Bugrovstudio
    @Bugrovstudio 2 роки тому

    Как все это адаптировать под мобилку?

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Добрый день!
      Вы можете ознакомиться с инструкцией из нашего справочного центра - help-ru.tilda.cc/zero

  • @Adelina_88
    @Adelina_88 2 роки тому

    вСЕ ОТЛИЧНОО, но к сожалению не работает, если на фон добавить картинку или шейп в виде картинки.. карточки уезжают вниз

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Добрый день!
      Если у вас возникла проблема с воспроизведением анимации, напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

  • @oksano4ka15
    @oksano4ka15 3 роки тому

    Подскажите, в моб версии будет работать?

    • @content6231
      @content6231 3 роки тому

      Нужно в настройках мобильных версий блока нажать кнопку switch on

    • @annabell55555
      @annabell55555 3 роки тому

      @@content6231 А где это находится?

    • @annabell55555
      @annabell55555 3 роки тому

      @@content6231 Или это после дублирования?

  • @solofut3807
    @solofut3807 3 роки тому

    La tuya crack

  • @tentasaur2173
    @tentasaur2173 Рік тому

    как теперь такое в фигме показать? xd

  • @ANYA43077
    @ANYA43077 2 роки тому

    У меня просто текст уезжал, я подключила не только карточки, но и текст под ними. Текст уезжает просто наверх, я хз как это исправить

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Здравствуйте!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

    • @yavnd
      @yavnd 2 роки тому

      Привет, у меня такая же ситуация, у тебя получилось её решить?

  • @sandra_bhkjjhgjk
    @sandra_bhkjjhgjk 26 днів тому

    Нихрена ж не понятно, карточки теперь летают как хотят

  • @kirillmaltsev5546
    @kirillmaltsev5546 3 роки тому

    Всем привет! Уже не знаю, что делать, может кто нибудь знает, как пофиксить эту хрень?
    На втором блоке сайта располагается стандартный каталог товаров, с кнопкой "загрузить еще", а на четвёртом блоке присувствует анимация на скролл. И загвоздка в том, что когда нажимаешь на кнопку "загрузить еще" блок каталога расширяется вниз и тем самым ломает анимацию четвёртого блока ( анимированный элемент становится на свой последний шаг)

    • @TildaPublishing
      @TildaPublishing  3 роки тому

      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

  • @nubreakz1
    @nubreakz1 Рік тому +3

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

  • @berezhnaiakris
    @berezhnaiakris 4 місяці тому

    очень интересно, ничего не понятно.

  • @estervi
    @estervi Рік тому +3

    Простите, но даже сделав 1в1 как у вас, это не работает. Я потратила впустую час своего времени

    • @TildaPublishing
      @TildaPublishing  Рік тому +1

      Здравствуйте!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
      В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

  • @АртёмК-щ1л8м
    @АртёмК-щ1л8м 2 роки тому +7

    Как анимировать группу слоёв?
    P.s.: группы слоёв - пропадает раздел настроек STEP BY STEP ANIMATION.

  • @КсенияЗ-й8и
    @КсенияЗ-й8и Рік тому +1

    Спасибо!!!