Question

随着Twitter引导程序导航条也变得粘滞，似乎当用户向下滚动时，导航栏重叠在粘性标题的第一行（列标题）部分的顶部。有没有办法将粘性标题按下一行，以便在滚动时它可以落在引导程序粘性导航栏下方？

Answer 1

您需要这些步骤才能实现（因为tablesorter滚动机制）：

OFFSET =从顶部偏移的像素数。在你的情况下=粘性twitter栏的高度

从顶部添加您想要的OFFSET（=整数，＃像素）的小部件选项：

$(‘table’).tablesorter({
  widgets: [stickyHeaders'],
  widgetOptions: {
  stickyHeaders_offset: OFFSET 
  }
});

在我的post我提到了一个“divHeader”，但在你的情况下你已经有了twitter栏 - 看看你是否还需要这些CSS，万一你的twitter栏不能覆盖所有这些

#divHeader
{
  position: fixed;
  top: 0px;
  height: OFFSETpx;
  width: 100%; //to cover all the rows scrolling in the back…
  background-color: White; //to cover all the rows scrolling in the back…
}

将此CSS添加到包含您的表的主div：

margin-top: OFFSETpx;

通过这种方式，您可以使用粘性推杆实现平滑的启用表粘性的滚动

您可以看到我的完整post。

BTW，mottie，很棒的工作！我相信你的叉子几乎是今天使用的主要叉子：）

mottie tablesorter，顶部有twitter bootstrap导航栏的粘性标题间距

1 个答案: