Как можно реализовать такой эффект при скролле?

Question

[Игорь]

тыц - при скролле блок с картинкой увеличивается (не пошагово, а плавно), куда смотреть что бы понять как это правильно реализовать, в голову приходит только то что отталкиваться нужно от let elem = div.getBoundingClientRect();
а как делать это все плавно продумать не могу

Comments

[Сергей delphinpro]

ловите onscroll на окне
смотрите на pageYScroll
от этого значения отталкивайтесь.
В примере картинка висит на бэкграунде со свойством background-size: contain; это автоматически изменяет ее размер под размер блока.
по скроллу меняется высота блока.

Answer 1

[Владимир]

https://developer.mozilla.org/ru/docs/Web/API/Wind...
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...