scrollTop에 앵커 추가

Question

이 스크립트에 앵커를 추가 할 수 있습니까? 맨 위로 스크롤하는 대신 페이지의 특정 앵커로 스크롤하고 싶습니다.

if (isError) { 
$('html, body').animate({ 
    scrollTop: 700 
}, 2500); 
$("#error-div").show(); 
} else { 
$("#error-div").hide(); 
} 

Answer 1

실제로이 간단한 작업에 거대한 플러그인을 포함 할 필요는 없습니다.

jQuerys position() - 함수 (jQuery Doc)를 사용하면 DOM에있는 요소의 위치를 ​​볼 수 있습니다. 부모에게 top 및 left - 값이 인 인 객체를 반환합니다. 문서와 관련된 값을 원하면 offset() - 함수를 사용하십시오. 사용법은 동일하게 유지됩니다.

내가 당신에게 기본적인 사용 보여줄 수있는 작은 바이올린 만들어 : 플러그인을 사용하지 않는

http://jsfiddle.net/DtADS/

Answer 2

가 scrollto 플러그인을 사용하여, 당신은 어떤 요소에 전체 페이지를 스크롤하거나, 심지어 요소의 내부 스크롤 할 수 있습니다 :

다음은 현재 스크립트입니다. 나는 당신의 질문을 이해하면 http://demos.flesler.com/jquery/scrollTo/

Answer 3

, 당신은 <div id="scrollHere"></div>을 스크롤 할 페이지의 위치에와 JQuery와에 그런 일을 배치해야합니다 :

window.location.href = "#scrollHere"; 

이 방법은 페이지 오른쪽으로가는 곳 # 그렇지 않으면 스크롤하십시오.