jQuery가 페이지 리로드에서 예상대로 작동하지 않습니다.

jQuery 스크립트를 작성했습니다.이 스크립트는 페이지가 완전히로드 된 후에 실행해야합니다. 페이지의 끝으로 뛰어 내리고 잠시 후에 div를 숨기고 애니메이션으로 스크롤해야합니다. 내가 jsFiddle에서 실행하면 예상대로 작동 http://jsfiddle.net/6utNc/jQuery가 페이지 리로드에서 예상대로 작동하지 않습니다.

이

내 코드입니다. Chrome 또는 Safari (FF, Opera 및 IE에서 테스트하지 않음)에서 로컬로 열면 예상대로 작동합니다. 문제는 페이지를 새로 고치려고하면 어떤 방식으로도 스크롤되지 않지만 예상대로 모든 것을 실행한다는 것입니다.

두 개의 .scrollTop()이 서로를 죽일 수 있습니까?

$('html,body').scrollTop($siteheight); 
$('#loader').fadeOut(); 
$('html,body').delay(2000).animate({scrollTop: 0}, 600);

2013-05-03 Afterlame

이 바보가 될 수 있지만 나는 그것이 문서 준비 기능

$(document).ready(function() { 
    //insert code here 
});

업데이트 jsfiddle입니다에 싸여 표시되지 않습니다.

2013-05-03 14:16:37

정확히 같은 것을 만들었습니다 ... 프레임을 다시로드하면 예상대로 작동합니다. – Hackerman

아, 그 중 하나를 간과했습니다! 나는 SIAF 앞에서 $를 잊었다. 고마워, 그게 해결책 이었어. – Afterlame

대신 첫 번째 줄의이 시도 :

document.body.scrollTop = document.body.clientHeight;

을 어떤 존 하딩 언급하는 것은 너무 중요합니다.

2013-05-03 14:17:58

HTML 태그의 높이를 아래로 스크롤하면 정상적으로 작동하는 것 같습니다. 코드의 성능이 향상 되었습니까? – Afterlame

나는 정말로 모른다. 이것은 순수한 자바 스크립트에서 수행하는 방법이지만, 그렇게 많이 다를 것 같지 않은 한 번의 실행입니다. –

답변