실제 x사이트처럼 트렌드 바를 구현하고싶습니다.
미해결
Next + React Query로 SNS 서비스 만들기
현재 x를 가보면 오른쪽 섹션에 트랜드가 브라우저 뷰포트보다 길경우. 스크롤 다운을 하면 sticky처럼 하단이 붙어있는데 위로 스크롤을 하면 바로 해당 섹션에서 스크롤이 위로 올라갑니다 일반적인 sticky로는 구현이 힘들것같아서 개발자 도구로 확인해보니 sticky를 사용하고 있는것을 확인했고 스크롤 방향이 밑일 경우 top: -500px 위일경우 bottom -510px 이런식으로 값이 변하는것을 확인했습니다. 같은 방식으로 구현을 해봤는데 트위터의 트렌드 섹션처럼 자연스러운 구현은 잘 안되더군요. 혹시 어떤식으로 구현해야할지 알려주실 수 있으실까요?
- scc
지훈
댓글 1
좋아요 0
조회수 242