css 固定表头

admin2024-04-03  0

一、需求

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

二、实现

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!