Эффект наложения блока при скролле

Модификация добавляет эффект наложения одного блока на другой при скролле страницы. Применить можно к любым стандартным блокам и zero block, которые укажешь в коде. Демо решения.

Как сделать эффект наложения блока при скролле

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

💡 Модификация обновлена

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

Что изменилось в новой версии:

Никаких багов: исправлено отображение в Safari и Firefox.
Плавная работа: больше нет «дерганного» рендеринга блоков при скролле.
Минимум настроек: больше не обязательно указывать цвет фона всем блокам.
Чистый код: эффект переписан на Vanilla JS без использования jQuery — это обеспечивает максимальную скорость и легкость.

Эффект упакован в новую модификацию — она работает чище, быстрее и стабильнее, а еще в неё добавлены новые скролл-эффекты.

Посмотреть новую модификацию

Понравилось решение?