2009-08-12 81 views
-4

這不是一個問題,實際上它是一個簡單的解決方案,使用純粹的CSS垂直滾動,只在Firefox 3.5.2中測試,假設表DOM的正確定義(table,thead,tbody )。CSS固定標題,滾動正文

<style> 
    .someTBODYclassName { 
    height: 100px, 
    overflow-x: hidden, 
    overflow-y: visible 
    } 
</style> 

當然,使用jQuery或純Javascript可能會更棘手。

var maxHeightOfTBODY = your_calculations_here; 
$("#TableId tbody.someTBODYclassName") //make it scrollable 
     .css({ 
      "height": maxHeightOfTBODY+"px", 
      "overflow-x": "hidden", 
      "overflow-y": "visible", 
      "width": "100%" 
      }); 
+1

將是對codeproject.com一個不錯的文章:d – 2009-08-12 23:52:35

+6

是的,但它並沒有在最新的瀏覽器 – ChssPly76 2009-08-12 23:56:20

+0

工作加鎖存您沒有形成形式你的答案一個問題! (來自FAQ;提問並回答自己的問題也很好,但假裝你在Jeopardy:用問題的形式來形容它。) – gnarf 2009-08-13 00:24:10

回答