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

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

Tilda Publishing

2 года назад

90,031 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Alexandr Bv
Alexandr Bv - 17.06.2023 17:46

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

P.S.
для ТП Тильды - ска, так сложно было тоже самое написать мне а не заставлять считать и разбираться? И не нести чушь типа "это произвольное число"

Ответить
Tentasaur
Tentasaur - 22.04.2023 15:30

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

Ответить
Ксения З
Ксения З - 14.04.2023 11:29

Спасибо!!!

Ответить
Krasikov Sergey
Krasikov Sergey - 22.03.2023 23:53

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

Ответить
Crazy cute channel
Crazy cute channel - 12.03.2023 13:48

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

Ответить
Sardor
Sardor - 10.03.2023 07:00

🔥🔥🔥

Ответить
Dianisseya
Dianisseya - 10.03.2023 03:31

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

Ответить
Аделия Гимранова
Аделия Гимранова - 01.03.2023 12:23

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

Ответить
Vanessa Estervi
Vanessa Estervi - 01.02.2023 11:58

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

Ответить
Фокусник Нежута
Фокусник Нежута - 24.01.2023 16:27

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

Воспользовался методом в этом видео, но доскрроив до нужных карточек скролл продолжается + скролятся эти самые карточки справа на лево. Т е экран не фиксируется зоне отображения карточек, как хотелось бы.

Ответить
Anna
Anna - 22.12.2022 21:43

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

Ответить
Ринат Зиатдинов
Ринат Зиатдинов - 10.12.2022 21:23

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

Ответить
Evgeniya Tolochko
Evgeniya Tolochko - 26.11.2022 16:29

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

Ответить
K Dazyar
K Dazyar - 19.11.2022 18:16

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

Ответить
АК
АК - 16.11.2022 03:54

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

Ответить
Nadia Ardis
Nadia Ardis - 11.11.2022 15:40

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

Ответить
Дубас Даниил
Дубас Даниил - 22.10.2022 11:46

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

Ответить
Алина Титова
Алина Титова - 19.10.2022 17:32

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

Ответить
МОБИЛЬНЫЕ САЙТЫ И TAPLINK ДЛЯ ЭКСПЕРТОВ
МОБИЛЬНЫЕ САЙТЫ И TAPLINK ДЛЯ ЭКСПЕРТОВ - 14.09.2022 11:18

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

Ответить
Lyubov Kotlyarova
Lyubov Kotlyarova - 07.09.2022 14:19

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

Ответить
Артём К
Артём К - 17.07.2022 17:47

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

Ответить
Natalie Petrova
Natalie Petrova - 27.04.2022 00:48

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

Ответить
Ренат Ганиев
Ренат Ганиев - 04.04.2022 16:15

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

Ответить
Игорь Никольский
Игорь Никольский - 21.03.2022 14:55

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

Ответить
Johny Des
Johny Des - 02.03.2022 18:23

а откуда 2860?

Ответить
Rimmchik
Rimmchik - 21.01.2022 14:50

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

Ответить
Марина Андриянова
Марина Андриянова - 29.12.2021 00:55

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

Ответить
Андрей К
Андрей К - 07.11.2021 14:51

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

Ответить
MUAMAR NEWS
MUAMAR NEWS - 05.11.2021 16:18

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

Ответить
Julia Grace
Julia Grace - 01.10.2021 21:16

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

Ответить
Татьяна Гайсина
Татьяна Гайсина - 29.09.2021 12:27

Спасибо!

Ответить
Sergey Prostobean
Sergey Prostobean - 23.09.2021 16:46

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

Ответить
Kirill Rol
Kirill Rol - 16.09.2021 09:17

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

Ответить
Kirill Maltsev
Kirill Maltsev - 14.09.2021 19:15

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

Ответить
solo fut
solo fut - 13.09.2021 01:53

La tuya crack

Ответить
AkashiStream
AkashiStream - 11.09.2021 17:59

неплохо пойду тестировать

Ответить
Андрей К
Андрей К - 10.09.2021 18:59

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

Ответить
Андрей Ершов
Андрей Ершов - 10.09.2021 16:24

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

Ответить
Dmitrii M
Dmitrii M - 10.09.2021 15:06

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

Ответить
Василий
Василий - 10.09.2021 11:42

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

Ответить
Оксана Сорокина
Оксана Сорокина - 10.09.2021 10:54

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

Ответить