jQuery表格頂欄固定效果

這次帶給大家jQuery表格頂欄固定效果，jQuery表格頂欄固定效果的注意事項有哪些，以下就是實戰案例，一起來看一下。

# 這樣的效果不算是很難，但是實現起來確實挺麻煩的，這裡的難點就不多說了，就是這個效果一下子弄到一點多，最後在我經常逛的一個網站裡找到了答案。

原問題的網址：https://segmentfault.com/q/1010000000130774

這裡介紹一下這個小插件的用法。首先先去著名'同性‘交往網站github裡把程式碼下載下來

# 主要用到是我紅色框框裡的，也可以看人家的原始碼。這裡只需要引用js就可以了，然後在table和thead這兩個標籤裡加上圖裡的兩個

就是紅色框框裡的話。然後就可以出效果了。

但是，有的人可能沒有出效果，不要慌，按下F12，看看錯誤訊息，我的錯誤訊息是有個.size沒有定義這個方法，這時候把這段js給換一下就可以：

然後就可以實現效果啦！可能有人會覺得好煩啊，你這全是圖片，我想直接複製沒都沒辦法複製，但是我覺得很多東西自己看一遍跟自己真正寫出來是有差距的，希望大家能夠去真正寫一下，不過又想到昨晚我弄點一點的，眼都不想睜開了，哪有功夫再寫呀，所以我還是把我圖片的東西給用打出來吧，好讓大家能夠複製：

table 裡的類別class="table-fixed-header"

# thead 裡的類別class='header'

要加入的js：$('.table-fixed-header').fixedHeader();

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

建議閱讀：

jQuery操作錨點動態位移

.active動態使用實現導航效果

以上是jQuery表格頂欄固定效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！