html 페이지 내 원하는 위치로 이동하기

뿌이·2022년 12월 14일
0

바닐라JS

목록 보기
5/10

블로그에 검색을 하면 죄다 a태그를 이용하는 방법만 나올 것이다.
하지만 a태그를 사용하는것은 button태그 안, 밖으로 a태그를 하면 비표준 이기때문에
안되기도 하고 ,,
굳이 꼭 a태그가 아니더라도 원하는 위치로 이동하는 방법을 알아냈기 때문에
공유하고자 한다.

<a href="#원하는위치에 있는 아이디명"></a>

<div id="원하는위치에 있는 아이디명"></div>

이렇게 있으면 a태그를 클릭했을 때에
div 위치로 이동이 된다.

근데 꼭 a태그가 아니어도 삽가능..! 걍 onclick이벤트에 함수를 만들고
그 함수 안에다가

//원하는 페이지 위치로 이동
location.href = (window.location.origin+'/위치/#'+'아이디');

이렇게 하면 원하는대로 잘 가진다..
html은 정말ㅇ ㅓ려운것 같다....

profile
기록이 쌓이면 지식이 된다.

0개의 댓글