2011-11-01 2 views
4

고정 헤더와 스크롤 가능한 본문이있는 테이블이 있습니다. 나는 포스트 백에서 그것을 참조 할 수 있도록 테이블의 스크롤 위치를 알고 싶고 포스트 백 이전에 사용자가 있었던 위치로 설정합니다. 나는 이것을하기 위해 JQuery를 선호 할 것이지만 Javascript 역시 훌륭하다. Im이 얼마나 많은 코드를 여기에 올릴 지 확신 할 수 없다. 왜냐하면 문제는 내가 그 일을하는 코드를 알지 못한다거나 내가 가지고있는 코드가 내가 해왔 던 해결책을 방해하고 있기 때문이다.테이블에서 스크롤 위치를 가져 오거나 설정하는 방법은 무엇입니까?

어디서부터 시작해야할까요? 이 작업을 수행 할 수있는 방법이 있습니까? 필자는 테이블에이 (테이블 스타일 = "오버플로 : 자동; 높이 : 150"onclick = "경고 (this.scrollTop)")를 넣으려고했으나 항상 0을 반환합니다.

필자도 다양한 JQuery 호출을 시도했습니다. . 그들 모두는 0을 반환합니다.

+0

실제 HTML 마크 업을 표시하십시오. [JSFiddle] (http://jsfiddle.net/) 그것! – epascarello

+1

테이블이 실제로 스크롤 되었습니까? [저를 위해 여기에서 일하십시오] (http://jsfiddle.net/w7yuH/1/). – Kraz

+0

필자는 JSFiddle을 보지 못했다! 아주 멋지다. 내 코드를 어떻게 배치하는지 알아낼 수 있는지 알아 봅시다. 필자는 스크롤링 div 또는 목록과 함께 작동하는 예제를 많이 보았습니다. 나는 얼어 붙은 헤더가있는 스크롤 테이블을 만들려고 노력하고 있습니다. 조금 성가신 것처럼 보이기 때문에 div에 테이블을 넣고 싶지 않습니다. – rahkim

답변

1

내가 아는 한 (그리고 나는 이런 종류의 물건을 매일 다루고 있습니다.) 네이티브 테이블은 설명대로 스크롤바를 처리 할 수 ​​없습니다. 아마도 테이블에 실제로 div 또는 다른 컨테이너가 포함되어 실제로 테이블 셀을 스크롤하고 있다고 생각합니다. 이런 식으로 뭔가 :

http://jsfiddle.net/mBDjx/46/

난 당신이 브라우저 개발자 도구 (일반적으로 F12)를 사용하여 코드를 검사하고 단지 테이블, 또는 다른 요소 스크롤을 생성하는 하나입니다 있는지 확인하는 권 해드립니다. 당신이이 사업부입니다 실현 경우

, 그냥

가 작동 희망 :-) 테이블에 그 일을 대신 사업부의 .scrollTop 속성을 확인!

1

스크롤링 중이므로 테스트해야합니다. this.scrollTop은 테이블을 참조하고 있으며 테이블의 상단은 위치를 변경하지 않습니다.

+0

대단히 감사합니다. 스크롤 가능한 테이블의 위치를 ​​알아 내려고 시도하고 있었고 테이블 전체가 아닌 본문을 테스트하는 것이 옳았습니다. – JC203