简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
javascript - table出现滚动条，但是table thead固定不动怎么做？
PHPz
PHPz 2017-04-10 16:16:15
0
5
678


table 数据是动态添加，要让他出现竖向滚动条，滚动时thead不滚动怎么做？

<p style="width:500px; height:200px; overflow:scroll;">

姓名 性别 年龄
mary 女 20
tom men 20
jack men 30
cc 女 20
aa 女 20

</p>

PHPz
PHPz

学习是最好的投资！

全員に返信(5)
黄舟
黄舟2017-04-10 16:18:15 5棟 
table {
    position: relative;
    overflow-y: scroll;
}
thead {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
いいねを押す +0
返信を追加
伊谢尔伦
伊谢尔伦2017-04-10 16:18:15 4棟 
tbody { 
    display: block; 
    height: 200px; 
    overflow:scroll;
}
いいねを押す +0
返信を追加
Ty80
Ty802017-04-10 16:18:15 3棟

表头用position：fixed来固定
いいねを押す +0
返信を追加
迷茫
迷茫2017-04-10 16:18:15 2棟

No way. 拆吧
いいねを押す +0
返信を追加
伊谢尔伦
伊谢尔伦2017-04-10 16:18:15 1棟

3楼和4楼加在一起是正解
いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！