jQuery 표 동결 표시 줄 효과 구현

어제 저녁 에 회사 에서 작은 수 요 를 만 났 는데 그것 이 바로 표 동결 난간 과 같은 효 과 를 실현 하 는 것 이다.구체 적 으로 설명 하면 바로 아래 의 동태 도 효과 이다.

이런 효 과 는 어렵 지 않 지만 실현 하기 가 정말 번거롭다.이곳 의 어 려 운 점 은 더 말 하지 않 겠 다.바로 이 효과 가 한꺼번에 많은 것 을 얻 었 고 마지막 으로 내 가 자주 찾 는 사이트 에서 답 을 찾 았 다.
질문
이 작은 플러그 인의 용법 을 소개 합 니 다.우선 유명'동성'교제 사이트 github 에 가서 코드 를 다운로드 하 세 요.스트레스 를 풀 면 다음 과 같다.

주로 내 빨간색 테두리 안에 쓰 이 고 남 의 원본 코드 도 볼 수 있다.여 기 는 js 만 인용 하면 됩 니 다.그리고 table 과 thead 라 는 두 개의 태그 에 그림 의 두 가지 종 류 를 추가 합 니 다.
그 다음 에 이 js 를 더 하면

빨간색 테두리 안에 있 으 면그리고 효 과 를 낼 수 있 습 니 다.
그러나 어떤 사람들 은 효과 가 없 을 수도 있 습 니 다.당황 하지 마 세 요.F12 를 누 르 고 잘못된 정 보 를 보 세 요.제 잘못된 정 보 는'size'가 이 방법 을 정의 하지 않 았 습 니 다.이 럴 때 이 js 를 바 꾸 면 됩 니 다.

그리고 효 과 를 낼 수 있 습 니 다!귀 찮 은 사람 이 있 을 수도 있 습 니 다.이것 은 모두 그림 입 니 다.저 는 직접 복사 하고 싶 습 니 다.복사 할 수 없습니다.하지만 저 는 많은 것 을 직접 보고 자신 이 진정 으로 쓴 것 과 차이 가 있다 고 생각 합 니 다.여러분 들 이 진정 으로 써 주 셨 으 면 좋 겠 습 니 다.그런데 어젯밤 에 제 가 조금 만 더 했 으 면 좋 겠 습 니 다.눈 을 뜨 고 싶 지 않 습 니 다.다시 쓸 시간 이 어디 있 겠 습 니까?그래서 저 는 제 그림 의 물건 을 사용 해서 여러분 이 복사 할 수 있 도록 하 겠 습 니 다.
table 의 클래스class="table-fixed-header"thead 의 클래스class='header'가입 할 js:$('.table-fixed-header').fixedHeader();총결산
위 에서 말 한 것 은 소 편 이 소개 한 jQuery 가 표 동결 표시 줄 효 과 를 실현 하 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다!