본문 바로가기

VUE

 (1)
메뉴 클릭 시, 해당 화면으로 스크롤 이동하는 기능 (feat. 클릭 두번하면 처음 화면으로 돌아가는 문제 해결) 문제 발생메뉴 클릭 시 , 해당 화면으로 스크롤 이동하는 기능을 만들고 있는데, 메뉴를 처음 클릭 시에는 알맞는 화면으로 이동하는데, 다시 클릭하면 처음 메뉴 화면으로 이동한다. (참고로 메뉴 바는 상단에 고정되어 있다) 해당 화면으로 스크롤 이동 기능처음에는 메뉴 클릭시, 해당 화면으로 이동할 수 있게 스크롤 기능을 구현하였다. 해당 tab에 대한 내용을 id로 설정했고 그 id에 맞는 화면으로 부드럽게 이동하려고 로직을 구현하였다. 하지만 위에 처럼 해당 문제가 발생하였다.const movetToContent = (tab: string) => { const target = document.getElementById(tab)?.offsetTop ?? 0; const headerHeight = docum..

티스토리툴바