2011-05-12 4 views
0

scrollTop이 작업중인 검색 페이지에서 작동하는 데 문제가 있습니다. 여기에 내 코드입니다 :jQuery scrollTop 문제

if(window.location.href.indexOf("Search") > -1) { 
$("html, body").animate({scrollTop: $("#ditto_results").offset().top}, 2500); 
}); 

내가 검색이 완료되었는지 확인 문자열 "검색"에 대한 URL을 확인해야하고, 만약 그렇다면, #ditto_results div에 페이지를 스크롤합니다. 검색을 수행 할 때 아무 일도 일어나지 않습니다.

첫 번째 줄을 클릭 이벤트로 바꾸면 제대로 작동합니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? 당신의 도움을 주셔서 감사합니다!

+0

하지 않는 문제가 있지만, 같이 IndexOf()는 대소 문자를 구별 방법은, 그래서 당신의 검색 실제로 검색됩니다 : 당신의 #ditto_resultsdiv 요소를 포함? –

+0

아니요, 대문자입니다 – Vecta

답변

1

문서 내에있는 모든 위치에서이 코드를 즉시 실행하고있을 것입니다. 문서가 준비된 직후에 실행되는 문서 준비 이벤트를 사용하여 모든 요소가로드되도록해야합니다 (이미지가 반드시 필요한 것은 아닙니다.). 아마

$(function(){ 
    if(window.location.href.indexOf("Search") > -1) { 
     $("html, body").animate({scrollTop: $("#ditto_results").offset().top}, 2500); 
    }); 
}); 
+0

답장을 보내 주셔서 감사합니다. 나는 문서 준비 이벤트를 추가했으나 여전히 그렇게 행동하지는 않습니다. – Vecta

+0

특정 div가 실행 시점에 존재하는지 확인하기 위해 Firebug로 디버깅을 시도 했습니까? –