a태그나 버튼클릭시 화면이 위로 올라가는 현상

내용이 많은 화면의 중간쯤에 a태그를 클릭하면 새창이 뜨는 기능을 만들어놨는데 누르기만 하면 현재 화면이 유지가 안되고 최상단으로 올라가버리는 현상이 있었습니다. a태그를 다른 화면으로 이동하는 기능으로 사용하지 않아서 href 부분을 href="#" 로 처리해놨었는데 이 부분이 문제였습니다.

 

원래 사용하고 있던 a태그 내용

<a href="#" onclick="print()">테스트</a>

 

위의 내용을 href="#" 를  href="#a" 로 바꿔주었습니다. 이렇게 바꾸면 클릭시 새창이 떠도 원래 화면이 그대로 유지되고 상단으로 올리가지 않습니다.

<a href="#a" onclick="print()">테스트</a>