>  기사  >  웹 프론트엔드  >  jQuery 테이블 상단 표시줄 고정 효과

jQuery 테이블 상단 표시줄 고정 효과

php中世界最好的语言
php中世界最好的语言원래의
2018-04-19 16:16:161328검색

이번에는 jQuerytable상단바 고정효과를 가지고 왔습니다. jQuery 테이블상단바 고정효과의 주의사항은 무엇이며, 실제 사례를 살펴보겠습니다.

이런 종류의 효과는 어렵지 않지만 달성하기가 상당히 까다롭습니다. 여기서는 이 효과에 대해 조금 더 자세히 설명하지 않겠습니다. 내가 자주 방문하는 웹사이트.

원래 질문의 주소: https://segmentfault.com/q/1010000000130774

이 작은 플러그인의 사용법을 소개합니다. 먼저, 유명한 '동성애' 데이팅 사이트인 github에 접속하여 코드를 다운로드 받으세요

저는 주로 빨간색 상자에 있는 것을 사용하지만, 다른 사람의 소스 코드도 볼 수 있습니다. 여기서는 인용문 js만 입력한 다음 그림의 두

을 두 개의 태그 테이블과 광고에 추가하면 됩니다. 빨간 박스 안에 있는 문구입니다. 그러면 효과가 있을 것입니다.

그러나 일부 사람들은 효과를 얻지 못할 수도 있습니다. F12를 누르고 오류 메시지를 살펴보세요. 내 오류 메시지는 .size가 이 메서드를 정의하지 않는다는 것입니다.

그러면 효과를 얻을 수 있습니다! 어떤 분들은 귀찮다고 느끼실 수도 있겠지만, 다 사진이라 직접 복사할 수는 없을 것 같지만, 직접 많이 읽는 것과 실제로 직접 쓰는 것 사이에는 격차가 있다고 생각합니다. 잠시 글을 쓰다가 어젯밤에 만든 일이 생각나서 더 이상 글을 쓸 시간이 없어서 모두들 볼 수 있도록 사진을 타이핑했습니다. 복사할 수 있습니다:

테이블 class="table-fixed-header"

의 클래스 thead의 클래스는 class='header'

입니다. 추가할 Node.js: $('.table-fixed-header').fixedHeader();

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 다른 관련 기사를 주목하세요. PHP 중국어 웹사이트에서!

추천 자료:

jQuery 작업 앵커 포인트 동적 변위

.탐색 효과를 얻기 위한 동적 동적 사용

위 내용은 jQuery 테이블 상단 표시줄 고정 효과의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.