최근 nextjs를 공부하면서 x 사이트를 클론하는 중에 있습니다. 오른쪽의 트랜드섹션을 구현하려는데

제가 구현한 방법은 첫번째로 상단 부분을 계속해서 계산헤서 뷰포트의 상단에 붙이는 방식으로 구현했으나 이 방법은 실제처럼 깔끔한 동작도 보장하지 않고 연산에 리소스를 많이 잡아먹는것같아서 포기했습니다

두번째는 실제 사이트에서 sticky를 사용해서  스크롤을 내릴때는 "top: -500px]올릴때는 bottom: -490px

으로 값이 변하는것을 확인했고 해당 방식대로 구현을 해봤으나

이또한 마찬가지로 엇비슷하게 구현이 되는것같으나 스크롤 다운이 일정이상된 후 올리면 의도한것과는 다르게 동작하는 문제가 있었습니다.