인프런 커뮤니티 질문&답변

지훈님의 프로필 이미지
지훈

작성한 질문수

Next + React Query로 SNS 서비스 만들기

레이아웃 클론하기

실제 x사이트처럼 트렌드 바를 구현하고싶습니다.

작성

·

191

0

현재 x를 가보면 오른쪽 섹션에 트랜드가 브라우저 뷰포트보다 길경우.
스크롤 다운을 하면 sticky처럼 하단이 붙어있는데
위로 스크롤을 하면 바로 해당 섹션에서 스크롤이 위로 올라갑니다

일반적인 sticky로는 구현이 힘들것같아서
개발자 도구로 확인해보니 sticky를 사용하고 있는것을 확인했고
스크롤 방향이 밑일 경우
top: -500px 위일경우 bottom -510px
이런식으로 값이 변하는것을 확인했습니다.

같은 방식으로 구현을 해봤는데 트위터의 트렌드 섹션처럼
자연스러운 구현은 잘 안되더군요.
혹시 어떤식으로 구현해야할지 알려주실 수 있으실까요?

 

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

지훈님의 프로필 이미지
지훈
질문자

네 맞습니다 다만 저도 그런식으로는 구현이 되었는데 실제 x 사이트처럼 깔끔하게는 안되어서요
스티키를 쓰는것은 맞는것같은데 쉽지않네요..
답변 감사합니다!!!
또한 항상 질 좋은 강의 올려주셔서 거듭 감사합니다!

지훈님의 프로필 이미지
지훈

작성한 질문수

질문하기