你能在<thead>父母结束之前解开一个粘性<table>吗?



我有一个在移动设备上具有粘性<thead>的表。然而,当表格向上滚动时,<thead>会一直粘到最后。这将导致最后一行被标题覆盖。

是否有一种方法可以让页眉从表的末端unstick说50px ?这将允许标题与最后一行一起向上滚动,而不是隐藏它。

如果你有一个CSS或jQuery解决方案,这将是理想的,但任何方法都是非常赞赏的。

你可以给表格内容添加一个边距,让页眉可以进入它的位置,就好像它不粘一样。

另一个选择是使用scrollspy库或使用Intersection Observer API来根据滚动位置改变标题的粘性。

我可能会使用一个单独的div,并留下空的头部,如果你想自定义控制滚动的元素。在flex中包装div和表格。

最新更新