css 固定表头

一、需求

页面条数太多,下滑动时,表头上去了,想要将表头固定在顶部,锁住表头

二、实现

表格表头那一行tr中添加如下属性

.bg-c3{
		position: sticky;
		top: 0;
	}

.bg-c3 { position: sticky; top: 0; },这段代码的作用是将具有 bg-c3 类名的元素设置为粘性定位(sticky positioning),并让其距离视口顶部(top)为 0。

粘性定位使得元素在滚动到特定位置时会固定在屏幕上。在这里,设置 top: 0; 表明该元素将固定在距离视口顶部的位置,即保持在屏幕的顶部。这通常用于实现类似固定表头、固定导航栏等效果。

相关推荐

  1. css 固定表头

    2024-04-04 05:54:01       43 阅读
  2. HTML固定表格宽度

    2024-04-04 05:54:01       51 阅读
  3. element-ui 表格固定头和固定表格错位

    2024-04-04 05:54:01       21 阅读
  4. CSS两侧固定,中间自适应

    2024-04-04 05:54:01       44 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-04 05:54:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-04 05:54:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-04 05:54:01       82 阅读
  4. Python语言-面向对象

    2024-04-04 05:54:01       91 阅读

热门阅读

  1. Linux 内核的构建块:深入探索 C 结构体的应用

    2024-04-04 05:54:01       32 阅读
  2. 设计模式(17):中介者模式

    2024-04-04 05:54:01       33 阅读
  3. 【图像处理小知识】PIL Image 中的P和L模式

    2024-04-04 05:54:01       40 阅读
  4. Ubuntu终端多窗口分屏Terminator优化

    2024-04-04 05:54:01       30 阅读
  5. Centos7、ubuntu22.04.3安装php7.4,mysql8.0

    2024-04-04 05:54:01       44 阅读
  6. 中文bert预训练

    2024-04-04 05:54:01       33 阅读
  7. 【C++】编程规范之表达式原则

    2024-04-04 05:54:01       38 阅读