Tag: sticky footer

当内容太大时需要粘性页眉和页脚

我使用div创建了一个自定义表（由于过于复杂的行为，这只是解决方案）。 但我的页眉和页脚有问题。 表格html基本上很简单： 我需要的是以下内容：当表内的内容不是太大而无法在没有滚动条的情况下查看时，标题将位于顶部，页脚位于内容的下方（因此不会粘到容器的底部）。 但是当表的内容扩展时（无论是使用新数据加载页面还是使用javascript / jQuery扩展一些表内容），我需要将标题粘贴在容器的顶部，并且页脚粘贴在容器的底部，同时内容可以滚动而不重叠页眉/页脚。 我在这里搜索了很多，但还没有找到一个像样的解决方案，有没有办法解决这个问题（尽可能简单）使用css和/或javascript / jquery ？ 编辑这里我的意思的基本样本： jsFiddle 如果单击示例中的span ，则页眉和页脚应固定在容器的顶部和底部。 但是如何检测尺寸的增加？