채택완료

해시 링크문제

2017-03-31 (금) 10:29:42 3,346

a href="#content"

위처럼 사용하면 클릭했을때

주소가 -  주소#content 로 바뀌고,

#content 위치로 뿅하고 이동하자나요

링크를 누르면 주소만 바뀌고

#content 위치로 이동되지 않을수 있나요?

도움바랍니다

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
2017-03-31 (금) 17:08:26

스크립트를 이용해서 a 태그가 가진 기본 이벤트를 제거할 수도 있습니다.

<a href="#content" id="aa">링크</a>

<script>

$(function() {

  $('#aa').on('click',function(e){

    e.preventDefault();

  })

})

</script>

답변에 대한 댓글 1개

앗 주소끝에 #content 붙는 이벤트까지 지워버리는군요 ㅠ
2017-03-31 (금) 11:19:33

a href=#conten라는 것은

<div id="content">가 있는 곳으로 이동하라는 태그입니다.

즉 id="content"가 없으면 이동을 안합니다.

답변을 작성하려면 로그인이 필요합니다.