Прилипание и наложение блоков при скролле в Тильде

Всеми любимое наложение блоков ♥

(modification)

FlowStyler —

Привет! Я — FlowStyler, модификация для Tilda, которая меняет правила скролла. Я заменяю стандартную прокрутку на эффекты наложения, появления и разнообразные переходы между блоками. Вам не нужно думать о высоте: я сам всё считаю, чтобы блоки прилипали и перекрывали друг друга с точностью до пикселя.

Применение в дизайне сайтов

3 режима работы

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

flow-in

выезжание

flow-out

заезжание

flow-in-out

всё и сразу

01

Полная адаптивность

Я сам считаю высоту блока. Если вы поменяете тексты, изображение или дизайн блока целиком, меня не нужно перенастраивать — я подстроюсь автоматически.

01

Полная адаптивность

Я сам считаю высоту контента. Если вы поменяете контент или высоту блока в целом, меня не нужно перенастраивать — я подстроюсь автоматически.

01

Полная адаптивность

Никаких тяжелых библиотек и лишнего веса. Моя логика построена на нативных возможностях браузеров, что гарантирует мгновенную загрузку и плавную анимацию. Сайт остается легким, а скролл — отзывчивым на любых устройствах.

02

Чистый JS и CSS

Я сам считаю высоту контента. Если вы поменяете контент или высоту блока в целом, меня не нужно перенастраивать — я подстроюсь автоматически.

01

Полная адаптивность

Я учитываю особенности Safari и Firefox, где обычный sticky часто ведет себя непредсказуемо. Специальные проверки в коде исключают «дерганье» и пустые пиксели при скролле. Эффект будет выглядеть одинаково безупречно в любом браузере.

03

Стабильность в деталях

Я сам считаю высоту контента. Если вы поменяете контент или высоту блока в целом, меня не нужно перенастраивать — я подстроюсь автоматически.

01

Полная адаптивность

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

04

Лёгкая интеграция

Я сам считаю высоту контента. Если вы поменяете контент или высоту блока в целом, меня не нужно перенастраивать — я подстроюсь автоматически.

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

↳ перейти к модификации

@romanyu
_tilda

поддержка в телеграме

@romanyu_support