jquery - 为什么我的某些 CSS 属性会滚动,而其他属性会保持固定?

标签 jquery html css twitter-bootstrap

我有一些奇怪的(对我来说)行为。我正在使用这个 tableHeadFixer jQuery 插件,用于创建具有固定表头且表体可滚动的表。

我有一个名为 table 的 CSS 类,它的设置如下:

.table thead  {
    color: blue;
    border: 4px solid red;
}

.table thead tr {
  background-color: grey;
}

我的问题是,当我滚动表格时,border 属性会随之滚动,但其余属性保持不动。我很困惑如何/为什么会发生这种情况以及我需要做些什么来解决它。

我做了一个 fiddle来展示这个。

请注意,当您滚动时,红色的 border 会滚​​开。

现在我正在使用 jQuery/Bootstrap/tableHeadFixer

最佳答案

它们实际上都是滚动的。

但是你的插件添加了一个 top属性(property)给th元素等于 scroll 的数量,让他们看起来像是站着不动。

因为你决定给予<thead>一个border ,你可以观察到这个小技巧。

如果你真的想要那个边框,你应该使用放置在 <th> 中的元素从片段中组合它

关于jquery - 为什么我的某些 CSS 属性会滚动,而其他属性会保持固定?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42378351/

相关文章:

javascript - .load() 和 PHP Forms 的 jQuery 问题

html - css border-radius 圆变成椭圆,位置为 : absolute

c# - KENDO ui menU IE9问题

css - 如何防止 vh-units 忽略滚动条?

javascript - 更改 DIV 颜色而不提供 ID?

jquery - 使用 jquery 和 css 在两个链接之间切换背景颜色以显示哪个链接处于事件状态?

jquery - 单击链接时,导航栏与固定导航 Bootstrap 页面中的内容重叠

javascript - 将Select框中选中的Option的值修改为溢出省略号

javascript - Node.js 用于提供网页并可以访问 Node.js 服务器上的资源

css - 如何在 bootstrap 2.3.2 中对齐文本区域中的文本