문득 만들어놓은 웹페이지를 보다가 설정을 클릭 시 메뉴가 자동으로 닫혀버리고 맨위로 이동해버렸다.



왼쪽에서 버튼으로 열리고 닫히는 네비게이션 바인데 이게 자꾸 닫히는 이유가 뭘까 생각해보았더니.


<a href="#">링크</a>

href 속성 때문이였다.
사실 네비게이션 바에 설정을 넣는게 다소 그렇긴 하지만 일단 내가 귀찮으므로(...)
넣게 되었는데. 문제는 이게 본인 페이지의 위치로 맨 위 위치로 이동시켜버린다. 그 와 같이 메뉴창도 닫혀버리더라는...


해결방법
어떤 방안으로 해결하는 것이 가장 괜찮을까 하고 둘러보았는데.

<button> 태그로 대체하는 방법과 href 속성을 지우는 두 가지 방법이 있었는데.


개인적으로 구글의 한 웹사이트에서 href속성을 지우는 것으로 사용하고 있어서(...)
href속성을 지우는 방향으로 하게되었다.


어짜피 마우스를 hover 할 때. 커서 커서 모양에 대해서는 그냥 스타일로 바꾸어주면 되므로 문제 없다.

cousor: pointer;



댓글 작성