-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM129 • Время настройки: 30 секунд
Эффект прилипания блоков на Тильде
Модификация позволяет фиксировать блоки и следовать при прокрутке страницы. Модификация настраивается очень легко и быстро. Просто нужно указать ID блоков, к которым вы хотите применить фиксацию и id блока после которого фиксированный блок отлипнет. Можно настроить сразу несколько блоков в одной модификации.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
Данный пример конфликтует с блоком ME602 (Вкладки с цветом фона) — нужно просто обновить страницу. Сам код работает нормально, а совместимость модификации с блоком ME602 сейчас находится на проверке у технического отдела.
Посмотрите, как будет выглядеть модификация на вашем сайте.
Дизайн настраиваете сами — наша модификация добавит нужный эффект.
Установите расширение в ваш браузер
Переходя в интернет-магазин Chrome нажмите кнопку «Установить», после загрузки расширение автоматически добавится к вашему браузеру.
Зарегистрируйтесь или войдите в свой аккаунт
Нажмите на иконку Нолим и во всплывающем окне укажите свой логин и пароль. После вас перебросит на основной сайт для подтверждения авторизации. Обновите страницу редактирования проекта в Тильде.
Переходите в библиотеку блоков Tilda Publishing
Откройте панель управления Tilda Publishing и перейдите в раздел «Библиотека блоков»
Оплатите подписку на месяц или год
После оплаты подписки вам будут доступны все модификации и функционал расширения для использования в ваших проектах.
Установка и настройка модификаций
Выберите модификацию из списка в библиотеке блоков и следуйте инструкциям. Завершив настройку, нажмите «Сохранить» или «Сохранить и закрыть» для сохранения изменений.
Модификации работают даже после окончания подписки
После окончания подписки модификации продолжат функционировать, включая случаи передачи проекта на другой аккаунт Тильды.
Смотрите, как быстро установить модификацию
Инструкция
Модификацию можно настроить для фиксирования одного блока или нескольких блоков для применения эффекта наложения с отступом. Ниже рассмотрим как настроить эти 2 варианта фиксирования:
1. Фиксирование одного блока:
2. Фиксирование нескольких блоков для применения эффекта наложения с отступом:
Обратите внимание:
1. Фиксирование одного блока:
- «Id блока» — В этом поле укажите ID блока, который зафиксируется при пролистывании страницы;
- «id блока после которого отлипнет блок» — Укажите id блока, после которого фиксированный блок отлипнет;
- «z-index блока» — Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой. Значение в этом поле можно оставить без изменений, но если фиксированный блок будет отображаться не правильно, то есть при прокрутке будет «залазить» под другие блоки, тогда поставьте Z-index больше;
- «Отступ блока от верхней границы на экранах до 640px; от 640px до 1200px ;от 1200px» — В этих полях вы можете указать отступ от верхней границы экрана для разных разрешений ;
- Добавляете блок Т123 и вставляете в него сгенерированный HTML код;
2. Фиксирование нескольких блоков для применения эффекта наложения с отступом:
- «Id блока» — В этом поле укажите ID первого блока, который зафиксируется при пролистывании страницы.
- «id блока после которого отлипнет блок» — Укажите id блока, после которого фиксированные блоки отлипнут. ВАЖНО указать один и тот же блок после которого отлипнут все фиксированные блоки. То есть если вы фиксируете несколько блоков, то в поле «id блока после которого отлипнет блок» нужно указать один и тот же блок, после которого все фиксированные блоки отлипнут.
- «z-index блока» — Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой. Значение в этом поле можно оставить без изменений, но если фиксированный блок будет отображаться не правильно, то есть при прокрутке будет «залазить» под другие блоки, тогда поставьте Z-index больше.
- «Отступ блока от верхней границы на экранах до 640px; от 640px до 1200px ;от 1200px» — В этих полях нужно указать отступ от верхней границы экрана +отступ от предыдущего блока для эффекта наложения. Например для первого блока мы укажем отступ 100px, тогда для второго блока нужно будет указать отступ 200px, для третьего блока нужно будет указать отступ 300px.
- «+ Список блоков" — Для добавления нескольких блоков нужно нажать на данную ссылку. После заполнить как описано в шагах с 1 по 4.
- Добавляете блок Т123 и вставляете в него сгенерированный HTML код.
Обратите внимание:
- Модификация может работать и с зеро блоками, и со стандартными.
- При работе с зеро-блоками, обязательно укажите цвет фона в настройках каждого участвующего в модификации блока.
- Неверное использование z-index может приводить к неправильному отображению блоков при скроллинге.
- Модификация не работает, если на странице есть alias-блоки.
Сгенерируйте код для своего сайта
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Популярные решения для вашего сайта
Не нашли нужное решение?
Часто задаваемые вопросы
Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
У нас есть оперативная техподдержка, которая поможет решить любые вопросы с установкой, настройкой или конфликтами нашего кода. Мы работаем без выходных с 11:00 до 19:00.
Мы уделяем особое внимание стабильности и надежности: все модификации проходят тестирование и корректно работают на Тильде, даже после крупных обновлений платформы. Регулярно добавляем новые эффекты и дорабатываем существующие, чтобы вы всегда могли реализовать дизайнерские идеи без перебоев.
Нет, все модификации доступны по подписке — вы получаете полный доступ к нашей библиотеке из более чем 200 модификаций и эффектов, а также ко всем новым обновлениям без доплат.
В каталоге есть фильтры по задачам и подробные описания с примерами. Если не уверены — напишите нам, мы подскажем оптимальное решение под ваш проект.
Мы постоянно расширяем каталог, дорабатываем функционал текущих модификаций и учитываем пожелания пользователей. У нас есть публичный роадмеп, и самые востребованные решения мы добавляем в библиотеку в первую очередь — расскажите о своей задаче, и, возможно, она появится в ближайших обновлениях.
Новые модификации и улучшения выходят почти каждую неделю. Мы быстро реагируем на изменения в Тильде: если платформа обновляется, мы оперативно корректируем код, чтобы все работало стабильно и без сбоев.
Да, у нас есть короткие видеоуроки, подробные текстовые инструкции и поддержка, которая подскажет на любом этапе.
Все решения оптимизированы для работы на Тильде. Если возникнут вопросы — поддержка поможет подобрать оптимальную конфигурацию для вашего проекта.
Наш сервис работает с 2021 года, нам доверяют десятки тысяч веб-дизайнеров и агентств по всей России и СНГ. Мы регулярно получаем положительные отзывы и кейсы от пользователей.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.