[HTML] a href=# 활용하기

HTML Tag 중 Anchor Tag를 이용해서 페이지 이동을 할 때

요즘은 HTML과 CSS, Javascript를 분리해서 구현하는 방법을 선호한다.

그래서 대부분 이런 방식으로 구현을 한다.

 클릭   

이런 방식으로 구현을 하면 href="#" 에 의해서 페이지가 최상단으로 스크롤업 된다.

이러한 스크롤업을 피하기 위한 방법으로 다음 방식이 있다.

 클릭   

이렇게 구현하면 페이지가 최상단으로 스크롤업 되는것을 피할 수 있다.

여기서 event 객체의 preventDefault() 메소드는 다음과 같이 jQuery API에 정의되어 있다.

< 출처 : http://u4rang.tistory.com/12 [김군님 블로그] >