2012-06-25 4 views
7

마지막 열에는 테이블 아래에 다른 섹션을 여는 작업 버튼이있는 테이블이 있습니다. 해당 섹션이 열리면 본문 페이지는 작업 열에서 버튼을 누른 위치에 남아 있습니다. 선호하는 jQuery를 .animate와 함께 사용하여 테이블 아래 열린 섹션에 .html 페이지를 스크롤해야합니다.onClick jQuery .animate를 사용하여 페이지 맨 아래로 이동

바이올린 예 : http://jsfiddle.net/Ksb2W/110/

사람이 좀 도와 모시의 경우. 감사합니다.

+0

테이블 아래 열린 섹션에 대해 무엇을 의미합니까? 어디? – Blaster

+0

내 피들에 액션 버튼에 아무 것도 없습니다 ... – mcmwhfy

답변

14

데모http://jsfiddle.net/h4ZQR/또는http://jsfiddle.net/byRRY/

좋은 API : http://api.jquery.com/scrollTop/

주의 사항 : 당신이 사용할 수 있습니다 : .animate({scrollTop: $("#whateverdiv").offset().top}); 페이지의 특정 섹션으로 이동합니다.

희망이

HTML

<a href="#bottom" id="hulk">Click me to go to bottom</a> 

코드를하는 데 도움이

$("#hulk").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 

});​ 

또는

$("a[href='#bottom']").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 
    return false; 
});​ 
+2

"헐크"ID에 대해 CSS에서 여백을 줄 필요가 있습니다. – RulerNature

+2

@RulerNature yeps':)', CSS가 필요하면 감사합니다. –

+0

최고 평점 : D 감사합니다! – mcmwhfy

관련 문제