컴포넌트 전환시 자동으로 위로 스크롤되는 문제

[오진희]

저번 카카오지도 api가져와서 지도검색후  검색 장소목록들이 화면에 보이도록 하는것까지 성공했습니다~.

그런데 문제점이...   목록들이 쭉나오고 목록들의 페이지가 3개까지 생성되던데 ,막약 2번째 ,3번째 페이지번호를 클릭할때마다 갑자기 화면의 맨위로 올라가버립니다.

첫번째 궁금한점은  저기 페이지번호를 누르면 화면의 최상단으로  혼자올라가버리는건가요???

그래서 일단 스크롤이 올라가는것을 막아보려구  페이지번호 <div>클릭시  지도전체의  <div>에 스크롤위치에 머물러 있어라. 라고 코드를 짜놓았습니다.

구글에서 useRef() 훅을 이용해서  dom을 직접접근 방법이 있다구 찾아서  일단 이렇게 코드를

작성해보았지만...... 역시 안됩니다..... 다른 방법이 있을까요??. 뭐가 틀린걸까요?.....

[codingapple]

페이지 높이가 줄었다가 늘어나서 그런게 아닐까요 

페이지 전체의 height 같은걸 늘려봅시다 

[오진희]

애쁠쌤~~~해결했습니다 ㅎㅎㅎ

height 조정해두 변화가 없어서 ㅠㅠ

카카지도에서 가져온 함수들 다시자세히 살펴보니 

저기 createElement 부분이 a태그 더라구요. 그래서 div 로 바꾸니  해결됬습니다 ㅠㅠ!! ?

글구 간지를 더하구..ㅎㅎ

아!그럼  생각해보니 만약 저 생성된 a테그를 클릭하게되면, 사이트 메인페이지로 돌아가게되서, 메인페이지의 최상단으로 스스로 올라가게되는건가요??

 

 

 

 

[codingapple]

음 그런듯요

[글쓴이]

글