named anchor사이를 오가되 history에 남기지 않는 방법

named anchor를 몇 군데 두고서 여기저기 오가다 이전 사이트로 되돌아가려고 back버튼을 누르면, 안타깝게도 다른 사이트가 아닌 바로 전에 봤던 named anchor로 되돌아간다. Back버튼을 수차례 눌러야만 비로소 이전의 사이트로 되돌아갈 수 있다.

분명 이것은 원하는 것이 아닐것이다.
해결하는 방법은 window.location.replace를 이용하는 것이다.




1. 여기 여러개의 named anchor가 있다.

  <a id='a1' class='named-anchor' href="#a1"> <img src="gif1.gif"> </a>
  <a id='a2' class='named-anchor' href="#a2"> <img src="gif2.gif"> </a>
  <a id='a3' class='named-anchor' href="#a3"> <img src="gif3.gif"> </a>




2. Javascript를 이용하여 named anchor가 클릭되면 history에 흔적을 남기지 않고 바로 이동시킨다.

  $(document).ready( function() {
    $('.named-anchor').click( function() {
      window.location.replace( $(this).attr('href') );
    });
  });