Как сделать такой эффект?

Question

[wakenby]

Есть сайт - https://www.pearlfisher.com/work/seedlip/ - В первом блоке есть эффект, при скроле подтягивается текст с низу, а после уже начинается скролится вся страница. Как такое можно сделать?

Т.е при скроле мы показываем текст с низу блока, а после уже начинаем скролить всю страницу

Answer 1

[Il'ia Kartovitskii]

Обрати внимание на поведение этих элементов, если конкретнее на классы при скролле, на JS/jQuery пилится достаточно просто, особенно с наглядным примером

Comments

[wakenby]

Это не тот блок. Спасибо за ответ, но мне не интересно как меняется логотип сайта, а вы показываете именно ту секцию, секцию с логотипом и бургером))

[wakenby]

Там на js ничего не меняется, по крайней мере я не нашел такое поведение. Только изменение логотипа на js происходит, что вы и показали. Лучше уж удалить вам ответ))

Answer 2

[Артем]

На мой взгляд, вам нужно смотреть на классы .image и .shade. Что у них прописано и как ведет внутри .image
.image-background