HTML 中固定不動,滾動條

2021-09-01 10:49:59 字數 589 閱讀 4608

原結構為乙個table 放在乙個 div中,在div設定overflow-y 

選擇

模板名稱

模板型別

建立時間

引數說明

正常還款

batpro

2016-09-26

aaaaaaaaaa

正常還款

batpro

2016-09-26

aaaaaaaaaa

上變這種結構右側滾筒條在容器div 上,這時拖動滾動條整個table都會動,標題也會消失

這時我們將table中的thead和tbody分到兩個容器中,通過控制td寬度做上下對齊

**如下:

標題 選擇

模板名稱

模板型別

建立時間

引數說明

正常還款

batpro

2016-09-26

aaaaaaaaaa

正常還款

batpro

2016-09-26

aaaaaaaaaa

HTML 實現表頭固定且雙向滾動條

網上找了許多種方法,可能學疏才淺,本人並沒有實現,或者方法並不能滿足大表單 雙向滾動條 的需求 1.大致思路 使用兩個table,保證head和body寬度一致即可,以下例子,為完全展示body中每個單元格內容,故動態生成表頭,根據已經生成的表單寬度去設定表頭寬度 然後保證兩個div 公用滾動條。2...

HTML實現滾動條

overflow scroll 這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll 預設值為 visible 不論是否需要,使用者 都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。eg 這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll ...

html滾動條樣式

一 滾動條的軌跡,記作 scrollbar track。所謂 軌跡 指滾動條的滑動塊執行時所必經的路線。二 滾動條的滑動塊,即在它上面按下滑鼠左鍵不放可上下或左右移動的滑動塊以及滾動條兩頭的小方塊,記作 scrollbar face。face即滾動條的 臉 注意它有三張 臉 滑動條和兩頭的小方塊。三...