2012-06-14 3 views
2

일부 500 행을 포함하는 HTML 테이블이 있습니다. 사용자가 테이블 행에서 검색 할 텍스트를 입력 할 수있는 입력 텍스트 상자가 있습니다. 입력 버튼을 클릭하면 페이지가 일부 jQuery를 실행하여 입력 한 텍스트가있는 행을 찾아 강조 표시합니다. 하이라이트는 물론 행의 배경색을 변경하는 것 이상입니다.jQuery 및 특정 행에 대한 스크롤 테이블

질문 새롭게 강조 행이보기에 오도록 어떻게 페이지를 스크롤 할 강조 끝 행이 아래로 (또는 그 이상) 더 테이블의 사용자의 현재보기이라고 가정?

테스트를 위해 다음을 시도했지만 작동하지 않습니다. (단지 웹 페이지를 테이블의 마지막 행으로 스크롤하고 싶을뿐입니다).

var rowPos = tbl.find('tr:last').position(); 
$("form:first").scrollTop(rowPos.top); 

감사합니다.

+1

스크롤해야합니다. 스크롤 할 수있는 요소로 가기. 'form'에는 스크롤 바가 있습니까? 창을 스크롤하려면 대신 scrollTop을 설정하십시오. – mrtsherman

+0

@mrtsherman - 감사합니다. 지금은 이해. 나는 그것이 뭔가 같다고 생각했지만, DOM의 어느 요소에 실제로 스크롤 바가 있었는지 확실하지 않았지만 이제는 html 요소라는 것을 알게되었습니다. – Jagd

답변

2

이 작업을 시도해야합니다 :

window.scrollTo(0,200); 

하거나 당신이 jQuery를 사용하려면 :

$("html").scrollTop(); 

이 확인이 스크롤

+0

잘 작동합니다. 감사! – Jagd

1

시도를 가지고 창문 있다고
$("html,body").animate({scrollTop: rowPos.top}, 800); 
+0

위대한 작품입니다. 도와 주셔서 감사합니다!! – Jagd

관련 문제