Как правильно настраивать ScrollTrigger?

Question

[Ruslan]

Всем привет!
У меня есть проект на ангуляре, где хедер фиксированный, между хедером и контентом есть секция, которая их разделяет, и есть сам контент, в котором 1 из блоков нужно сделать прилипающем к хедеру. Хедер отдельный компонент, секция, которая разделяет контент и хедер тоже отдельный компонент и блок, который должен прилипнуть, тоже.
Для примера, я сделал что-то подобное в codepen:


Я пытаюсь сделать это с помощью GSAP и ScrollTrigger, но не могу понять, как что-то делать с блоком .test, когда к нему подходит header. А должен он фиксироваться к хедеру и ехать так с ним до футера, а при скролле назад, когда доезжает до своего места оставаться там

Comments

[Александр Семенов]

А чем вас не устраивает с помощью css решение?

.test {
  width: 100%;
  padding: 50px;
  background-color: green;
  position: sticky;
  top: 120px;
}