Как сделать чтобы элемент левитировал при скролле?

Question

[Глеб]

Есть 2 элемента:


Как можно их заставить левитировать при скролле? Может есть какая js библиотека?

Comments

[Вадим]

Во фронтенде нет такого понятия "левитировал"

[Вадим]

Глеб, Что простите?
Как Ваш комментарий отвечай на мой?
Я знаю что доллары зелёные, поэтому сказал растения.

Опишите нормально ожидаемый результат, а не какое-то абстрактное "левитировал".
Левитировал - не говорит ни о чём.

[Илья Бондаренко]

Глеб, А есть какие-нибудь примеры, как вы себе это представляете?
Может вам нужно фиксированное позиционирование? position: fixed;

[Глеб]

Вадим, Чтобы при скролле обьект двигался вверх в низ в зависимости от стороны скролла, но чтобы он не вылезал за определённые рамки

[Вадим]

Глеб, Так, хорошо, уже лучше.
Что значит "В зависимости от стороны скрола"?
Скрол зачастую всегда с одной стороны. Справа.
Или имелось в виду направление?
Чтобы при скроле вниз элемент зависал у верхней границы экрана, а при скроле вверх - у нижней?
Если так, то гуглите position: sticky

[Глеб]

Ilyusha-1, Нет, мне не нужно чтобы он при скролле следовал вниз или вверх, он должен к примеру div 100x50 левитировал вниз/вверх в зависимости от скролла в какую сторону.

[Глеб]

Вадим, Если при скролле вниз то эта img двигается вниз плавно, но не выходит за определённые рамки

[Вадим]

Глеб, Библиотеку сходу не скажу которая позволила бы делать так.
А так нужно добавить слушать на скролл и менять стили элементу

Посмотреть можно в сторону ScrollMagic и GreenShok

[Ankhena]

Глеб, https://qna.habr.com/q/730955

Answer 1

[Сергей Сергей]

см. блок FX