Здравствуйте!) Подскажите пожалуйста. На сайте имеется 2 предполагаемые зоны (хидер с

Question

Здравствуйте!) Подскажите пожалуйста. На сайте имеется 2 предполагаемые зоны (хидер с

логотипом и информацией о компании; основной контент под хидером). При скролле основной контент накладывается на хидер (паралакс?). Хочу сделать так, чтобы это наложение было анимировано по событию скрола. Как это называется и есть ли примеры реализации такого?
Заранее благодарю!

#css #frontend #html #programming #russian

0

13.12.2022

8 ответов

17 просмотров

⁣no mute Автор вопроса

Роман Кудлатов
👆?

Не совсем, но возможно близко...и, я думаю, проще. Одна из частей страниц - хидер - является просто бэкграундом. Вторая же часть - основная - это та часть, которая имеет смещение от top ранвой bg-height. При скролле, сейчас, нижняя часть просто закрывает бэкграунд. Мне бы хотелось на скролл сделать событие, которое бы само доводило (в течении какого-то времени) основную часть до верха страницы (полностью перекрывая бэкграунд). Т.е. в задумке это как перелистывание страницы

0

13.12.2022

Роман Кудлатов

⁣no mute
Не совсем, но возможно близко...и, я думаю, проще....

возможно https://alvarotrigo.com/fullPage/extensions/parallax.html настройки parallax offset на 100% и parrallax type на cover поменяй, + https://alvarotrigo.com/fullPage/examples/autoHeight.html что б хидер не на всю высоты + https://alvarotrigo.com/fullPage/examples/scrollBar.html что б скроллбар + возможно https://alvarotrigo.com/fullPage/extensions/scrolloverflow-reset.html для сролящегося содержимого. если не поможет сильно не упирайся я эту либу не пробовал не уверен что получится, но аналоги можешь поискать

0

13.12.2022

Роман Кудлатов

⁣no mute
Не совсем, но возможно близко...и, я думаю, проще....

а может ешё проще чуть поморочаться и сделать на нативе

0

13.12.2022

⁣no mute Автор вопроса

Роман Кудлатов
возможно https://alvarotrigo.com/fullPage/extensio...

Да, большое спасибо, добрый человек! Я думаю это подойдёт)

0

13.12.2022