如何使用粘性将div和表头都保持在页面顶部

Question

我在https://jsfiddle.net/kkaiser/4tgL186o/.

<div id="admin" class="besticky">
....content
</div>
<div id="actLog">
<table id="thisNet">
<thead><tr><th  class="besticky"></tr></thead></thead>
<tbody><tr><th></th></tr></tbody>

我想做的是使用stick来保持"admin"div的位置，并保持页面顶部的三个列标题。正如你在小提琴中看到的那样，列标题仍然存在，但"admin"部分会从页面上滚动下来。我也需要"管理员"留下来，因为页面可能会变得很长，有来自"管理员"栏的条目。我如何才能获得粘性或某种变体来同时担任"管理员"和列标题的位置？

Answer 1

一位朋友Matt给出了答案，我在这里分享给未来的程序员。首先将besticky的CSS更改如下；

.besticky { position:sticky; top:40px; }

然后制作

<div id="primeNav" class="flash" style="position:sticky; top:0̷; z-index:1;">

这两个小小的改变使整个事情成功了。