1
Q
表需要滾動
A
回答
1
您可以創建一個.fixed
類,並添加/從#thead
元素刪除到/如下:
CSS
* { padding: 0; margin: 0; } /* Tiny reset for removing paddings and margins */
.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
需要注意的是,你必須刪除填充/保證金從<body>
元素調整每列的寬度(當定位#thead
時)。
或者對於定位的#thead
元素也使用相同的填充/餘量。
var $table = $("#thead"),
$window = $(window),
distance = $table.offset().top;
$window.scroll(function() {
var wdistance = $window.scrollTop();
if (wdistance > distance) {
$table.addClass('fixed');
} else {
$table.removeClass('fixed');
}
});
相關問題
- 1. 需要mousewheel滾動usercontrol
- 2. 水平滾動需要
- 3. Firefox不需要的滾動
- 4. 不需要的滾動條
- 5. QComboBoxes不需要的自動滾動
- 6. 需要滾動(動態加載),可排序,異步提取表
- 7. 爲什麼滾動網頁頂部,我需要滾動$(「HTML」)
- 8. UIWebView滾動時需要事件,取消滾動的選項
- 9. 選框不平滑滾動,需要100%平滑滾動選框
- 10. 臥式滾動需要滾動一個DIV
- 11. Android滾動視圖滾動超過需要
- 12. 不需要的水平滾動
- 13. UITextView不滾動,需要幫助
- 14. 我自己的滾動需要
- 15. 滑塊需要多次點擊滾動
- 16. 需要水平滾動條(Android)
- 17. 粘頁腳不上需要滾動
- 18. 滾動條需要時間來顯現
- 19. UIScrollView需要觸摸才能滾動
- 20. 我需要水平滾動的GridView
- 21. 需要水平滾動,如鏈接
- 22. ExtJS的電網滾動修復需要
- 23. HTML/JQuery:Textarea放大;需要滾動
- 24. 需要幫助的滾動圖片
- 25. 需要修復無限滾動
- 26. 不需要的垂直滾動條
- 27. UITextView中不需要的滾動空間
- 28. 後需要垂直頁面滾動
- 29. 解釋需要避免水平滾動
- 30. 需要JavaScript幫助平滑滾動
你的代碼是正確的,但它不起作用在我的佈局。我沒有自己寫佈局,所以面對很多問題,我不知道爲什麼他們正在發生 – mkafiyan
@mimi我只是用你的jsfiddle演示來回答這個問題。如果它不是你的佈局,那麼你應該用你的確切代碼更新小提琴。 –
我發現問題:D因爲z-index滾動時我無法看到表格!謝謝 – mkafiyan