Задача
Необходимо реализовать липкий (фиксированный при скролле) блок внутри текста статьи на платформе Тильда. Блок размещается между абзацами, фиксируется при прокрутке, но не выходит за пределы статьи и не заходит на футер. Решение должно работать на десктопе, планшете и мобильных устройствах (на мобилках допускается упрощение или отключение фиксации). Конфликты со стандартными блоками и lazy load недопустимы.
Функциональные требования
- Блок появляется внутри текста статьи между абзацами.
- При вертикальной прокрутке блок фиксируется и сохраняет видимость, но не перекрывает текст.
- При достижении футера блок останавливается и не заходит на него.
- Фиксация активируется только после того, как блок полностью появился в видимой зоне.
- Блок остается строго внутри статьи, никуда не вылезает.
Реализация
Используются Zero Block, собственный HTML/CSS/JS или другое стабильное решение, совместимое с Тильдой. Желательно, чтобы контент блока (изображение, баннер, кнопка, текст) можно было редактировать в интерфейсе Тильда.
Внешний вид
- Возможность настроить размеры, отступы, фон, рамку/тень блока.
- Внутри - баннер или изображение, текст, опциональна кнопка.
- Адаптивность под разные экраны.
Результат
- Рабочий пример на странице Тильды.
- Контент редактируется без изменения кода.
- Краткая инструкция для заказчика по управлению блоком.
- Стабильность и полное отсутствие багов - приоритет.