2012-07-03 7 views
0

이렇게 많은 시간이 흐른 후에도 나는 (아주 간단한)이 작업을 수행하는 방법을 고민하고 있습니다. 이 페이지에서 jQuery scrollTo 제출시

: www.bassworx.com/matrix

나는 그것을 입력 버튼을 제출 클릭시에, #results 영역으로 아래로 스크롤합니다. scrollTo와 JSlideto로이 작업을 수행하려했는데, 예제가 매우 많이 발생하기를 원하기 때문에이 중 하나와 함께이 작업을 수행 할 수 있어야한다는 느낌이 들었습니다.

누군가가 문제의 페이지를보고이 문제를 해결할 수 있습니까? 정말 두통을 낳기 시작하고 있으며, 약간의 구문이나 문구가 빠져 있다는 것이 거의 확실합니다.

+0

당신은 더 나은거야 귀하의 코드를 보여줌으로써 답변을 얻으십시오. – Ryan

+0

http://WhatHaveYouTried.com – Eonasdan

+0

당신의 스크립트 라인이 여러분의 버튼을 타겟으로하지 않습니까, 아니면 제가 놓친 다른 스크립트가 있습니까? – Daedalus

답변

0

아마도 어디에서나 스크롤 할 수 있기 전에 내용을로드해야하므로 스크롤하기 전에 try delay()를 시도해야합니다.

+0

결과 div가 이미 있습니다. – Daedalus

+0

재미있는 생각, 당신은 여기에있을 것입니다. 이것을 어떻게 할 수 있습니까? – Fox

1

goToByScroll() 기능이 어디에서 왔는지 모르겠지만 그 사람에게 소품이 나옵니다. 완전히 확실하지 당신이

을 원하는이 당신이 원하는이지만 내가 생각하는 방식으로 작동

working jsfiddle example

HTML

form 
<input type="submit" id="go"/> 
<p style="min-height:600px;"></p> 
<div id="results">results</div> 
<p style="min-height:300px;"></p> 

JS

$("#go").click(function (e) { 
    goToByScroll("results"); 
    e.preventDefault(); 
}); 

function goToByScroll(id) { 
       var toMe = $("#" + id) 
       $("html,body").animate({ scrollTop: toMe.offset().top }, "slow"); 
       toMe.addClass("hightlightResult"); 
       setTimeout(function() { 
        toMe.removeClass("hightlightResult", 1500); 
       }, 500); 
      } 
+0

이것은 매우 유망한 것으로 보입니다. 질문이 있습니다. JS 부분은 어디에 배치합니까? externam .js 파일에서 수행하고 링크해야하며 어딘가에 인라인 배치해야합니다. – Fox

+0

그것은 정말 당신에게 달려 있습니다. 나는 여기에있는 대부분의 사람들이 그것을 별도의 JS 파일에 넣으라고 제안 할 것이라고 생각한다. 이렇게하면 프로그램을 [DRY] (http://en.wikipedia.org/wiki/Don%27t_repeat_yourself)로 유지하고 찾을 수있는 데 도움을주고 유지 관리 할 수 ​​있습니다. – Eonasdan

+0

OK, 나는 그것을했다 (당분간은 인라인으로한다). 그리고 여전히 작동하지 않는다. 스크롤 기능이 없다. 당신은 그것을보고, 이것을 해결할 수 있습니까? – Fox