HTML chrome anchor와 ie anchor?

Question

anchor를 이용하여 menu를 클릭하면 해당 id를 가진 section으로 이동하는 기능을 만들었는데

chrome에서는 제대로 잘 동작하지만 ie에서는 특이한 현상이 발생하고 있어서 질문 올립니다.

ie는 해당 페이지 내에서의 이동은 제대로 동작하지만 다른 페이지에서 넘어오면 anchor 동작이 제대로 되지 않습니다.

다른 페이지에서 넘어오면 화면상으로 보면 #값에 맞는 id를 가진 section을 찾아갔다가 위로 올라가는거 처럼 보이는데

ie 에서는 anchor를 안쓰는게 좋을까요?

Answer 1

일단 IE를 안 쓰는 게 좋을 것 같기는 합니다만...

링크 클릭 시 해당 섹션으로 이동하는 기능은 UX를 위해 anchor보다는 자바스크립트를 사용하는 경우가 많습니다.

재현을 못 해서 테스트는 못 해 봤지만 (IE11, 에뮬레이션 - 문서 모드 : 5, 7, 8, 9, 10, 11)

DOM이 모두 로드된 뒤에 location.hash에 따라서 자동으로 스크롤 되는 스크립트로 해결할 수 있을 것 같습니다.

Answer 2

소스코드를 같이 첨부해주시는게 답변을 받을때 도움이 되실것으로 보입니다.

다만 말씀하신것처럼 브라우저마다 다르게 동작하는 function 들이 분명히 있기때문에...

이런 경우 보통 jQuery 등 브라우저 이슈를 최소화 해주는 라이브러리들을 자주 같이 사용하는 편입니다.

특히나 구버전 IE 등을 사용하는 유저가 많은 서비스라면 이런 부분을 충분히 고려하고 테스트 하고 라이브 배포하시는걸 추천드립니다.