Как создать эффект увеличения при прокрутке через раздел или разделить на следующий?

Question

Я ищу эффект увеличения при прокрутке, как этот: нажмите здесь, чтобы проверить Вы можете увидеть это в разделе с заголовком «REFORM CO».

Может ли кто-нибудь объяснить мне, с чего мне начать получать больше знаний об этом? Это создать с translate3D или translateZ? Должен ли я использовать наложение заголовка в качестве PNG с прозрачным заголовком или каким-то образом создать div с прозрачным текстом поверх следующего div? А как начать масштабирование только тогда, когда вы находитесь в разделе «REFORM CO», а не с самого начала?

Если вы не можете сказать мне, что конкретно с ним делать, просто дайте мне какой-нибудь совет. Спасибо!

Answer 1

На самом деле это scale свойство, которое работает здесь и выглядит как увеличенный элемент.

Вот как это работает Пример

Просто добавьте onscroll() вместо onclick() для масштабирования элемента.

И для определения процентной прокрутки вашей страницы сверху PageScrolling

И таким образом путем обнаружения при прокрутке и появляется элемент, вы можете вызвать js для преобразования элемента, и он будет выглядеть как увеличенный.