2013-07-23 12 views
7

<a href="#FAQ">FAQ</a>에서 div으로 점프를하려고했는데 쉽게 성공할 수 있었지만 점프 할 링크가 고정되어 있기 때문에 길을 찾을 수없는 것 같습니다. 하기 위해서.페이지 div에서 앵커로 점프

의미, 나는

<a href="http://www.mydomain.ask.html">Ask</a> 내가 확실히 알고 말을 또는 A HREF 링크가 동일한 페이지에 URL로 이동하는 사업부를 원하는 사업부에 앵커에서 같은 같은 <a href="#jump">jump</a> 점프 <div id="jump">jump to point</div>이 정상적으로 작동합니다. 그러나 그 반대의 경우는 어떨까요? 작동합니까? div id에서 anchor works로 뛰어 오르는 거니?

+0

와 함께 사용할 수있는 변수 또 다른 이동하는 링크가있는 경우, 왜 내가 그때 물을까요? :) –

+1

당신이하고 싶은 것을 테스트하기 위해 간단한 html 파일을 만드는 것이 좋습니다. – Malkus

+0

왜 (@Digitalsite) 시도해 보지 않으시겠습니까 ?? –

답변

9

만큼 앵커 당신이를 클릭하여보기에서 위치에 링크 할 수있는 ID를 가지고로 div 당신은 약간의 자바 스크립트가 필요할 것입니다.

값을 window.location.hash으로 설정하면 선택한 ID에보기의 초점이 맞춰집니다.

샘플

<a href="#test1" id="back">Test</a> 

<div id="test1" onclick="window.location.hash='back'; "> 

JSFiddle Example

+0

좋습니다. 훌륭한 솔루션입니다. 이것이 내가 한 일이기도하다. 그러나, 내가하고 싶은 것은'div id = "test1"'에서'a href = "# test1"'이 아니라 정상적인 방법으로 점프하는 것입니다 ... –

+0

방금 ​​알아야 할 예에서 발견했습니다. ** test **를 클릭하여 ** target div **로 이동 한 다음 ** target div **를 클릭하여 ** test ** anchor로 돌아가십시오. 그러나 ** target div **에서 ** test ** "one way"로의 점프 만하고 싶습니다. –

+1

제공된 정확한 예제를 사용하지 않아도됩니다. – Malkus

3

난 당신이 첫 번째 DIV 내부 <a href="yourid">page place</a>를 추가해야하고 앵커 태그에 ID를 제공해야 다음 생각 <a href="yourplace" id="idname"></a>

+1

이 솔루션은 올바른 방향으로 갈 것입니다. 잘 이해할 수 있을지 확실하지 않습니다. 어쨌든 고마워. –

3

당신은 내가 그것을 시도하지 않은 경우 아이디 # 기호

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a> 

<div id="lastdiv">There are last product Exist</div>