2010-06-24 6 views
2

링크를 클릭 할 때 브라우저를 다시 페이지 맨 위로 밀어 넣을 수 있습니까? 일부 콘텐츠를 동적으로 변경하고 있지만 새 콘텐츠가로드 될 때 프로젝트 상단에서 시작해야합니다.JavasScript가 페이지 맨 위로 핑 하시겠습니까?

저는 이미 역사를 추적하기 위해 url 해시 태그를 사용하고 있습니다. 그냥 자바 스크립트 함수의 일부 유형을 찾고. (함수에 통합)

<a href="javascript:scroll(0,0)">back to the top</a> 

하거나 자바 스크립트 자체 :

function onContentLoad() { 
    scroll(0,0); 
} 

더 참고로 : 당신은 아마 원하는 것은

답변

5
+3

+1 문서 및 더 많은 컨텍스트 (예 :'javascript :'접두사는 링크에 넣는 것을 의미합니다. 실제로 그 사람이 생각하지 않습니다. 그것을 링크에서 원하지만 어떤 방법 으로든 링크를 표시하거나 자바 스크립트 만 표시 할 수 있습니다. –

+0

@JasonS : 참조 : https://developer.mozilla.org/en/window.scroll http://msdn.microsoft.com/en-us/library/ms536726(v=VS.85).aspx IE에서 작동합니다. , Firefox 및 WebKit 기반 브라우저 (Safari, Chrome)를 지원합니다. –

+3

그는 '링크를 클릭 할 때'라고 썼다. 따라서 링크를 원한다고 생각했다. 나는 코드를 약간 확장했다. –

0

텍스트가 포함 된 페이지 상단에 앵커를 만들 수 있습니다. 그러면 링크에서 앵커를 참조해야합니다.

예 :

는 앵커 만들기 : 상기

<a name="tips">Useful Tips Section</a> 

또는

<a name="top"></a> 

는 다음 링크를 생성을 앵커 :

<a href="#tips">Visit the Useful Tips Section</a> 

또는

<a href="#top">Go to top.</a> 

Tada.

+2

그가 "역사를 추적하기 위해 이미 URL 해시 태그를 사용하고있다"는 것을 제외하고는 – gregers

+0

@ gatherers는 충분히 공정하지 못했다.> (다른 사람들이 하루 만에 나타나면 항상 여러 답변을 해주는 것이 좋지만 여기에 그대로 두겠습니다) – Sphvn

2

inflagranti's answer은 자바 스크립트를 사용하는 방법에 관한 내용입니다.

jQuery를 사용하는 경우 맨 위로 스크롤 할 때 애니메이션을 적용 할 수도 있습니다.

$('html, body').animate({scrollTop:0}, 'slow'); 
관련 문제