1.css
< 스타일 타입 = "텍스트 / CSS" > .elementFixed { 총수 : 고정 ; 최고 : 0 ; } </ 스타일 >
2.body
< 본문 > < 입력 타입 = "숨겨진" ID = " scroll_return " 값 = "" >
</ 바디 >
3.script
< 스크립트 타입 = "텍스트 / 자바 스크립트" > / * * * 요소가 브라우저의 상단에 고정 스크롤 부재 고정 정착 * firstDiv 제 1 요소 * secondDiv : 제 소자 * + firstDiv secondDiv : 변형을 방지하기 위해 문서 firstDiv secondDiv 폭 밖으로 흘러 고정 때문에 * / 기능 fixedDiv (firstDiv, secondDiv를) { // 요소 타겟팅 브라우저 상단으로부터의 거리 VAR fixedH = $ ( " #firstId " ) .offset () .top; // 윈도우 스크롤 바 이벤트 추가 $ (창) .scroll ( 함수 () { // 스크롤 슬라이딩 거리 VAR 가 scrollH = $ ( 이 본) .scrollTop (); // 요소 타겟팅 브라우저 상단까지의 거리보다 스크롤 슬라이딩 거리가 고정되어 정해진 반면 IF (가 scrollH > fixedH) { // 리턴하는지 VAR의 scroll_return = document.getElementById를 ( " scroll_return " ) .Value; // 이 반환 값 IF ( " scroll_return " == scroll_return) { 창 true로 ; } // CONSOLE.LOG ("고정 스크롤 거리 :의 "가 scrollH +) $ ( " #tableTbodyId " ). HTML (firstDiv + secondDiv); $ ( " #TableTheadId " ) .addClass ( "elementFixed " ); // 할당 반환, 다음 계속 추가 할 수 없습니다 document.getElementById를 ( " scroll_return " ) .Value = " scroll_return을 " ; } 다른 { // 을 console.log ( " 고정되지 않고, 압연 거리 "+ scroH) $ ( " #tableTbodyId " ) .html 중에서 (secondDiv) $ ( " #tableTheadId " ) .removeClass ( "elementFixed " ); //빈 압연 할당 document.getElementById를 ( " scroll_return " ) .Value는 = "" ; } }) } // 지우기 스크롤 이벤트 $ (창) .unbind ( ' 스크롤 ' ); </ 스크립트 >