表格行中不支持顶级属性

Question

是否可以保持顶行移动，就像我们使用jQuery移动表中的第一列一样？

我用来保持第一列在滚动期间移动的代码是这样的。

$('#table-name').scroll(function () {
        var _left = $(this).scrollLeft();
        $('.firstTd').css('left', _left);

});

当我使用相同的技术将属性置顶到表格行时......通过CSS应用它不会受到浏览器的尊重。

P.S：我在 td 元素上使用了左侧属性，并希望将相同的技术应用于 tr 标记

在这里演示：https://jsfiddle.net/8w4qac30/7/

Answer 1

修改

哎呀，理解这个问题不好。我会保留下面的信息，但实际上我的答案就是这个。

由于tr非常挑剔，我唯一能想到的就是选择所有td并移动它们，就像你对第一个一样，如下所示：{{3 }}

旧答案

left，top，right和bottom是定位属性，要让它们起作用，您还应设置position属性。

position属性有不同的含义：

• relative表示相对于自身定位元素，因此如果您将left: 20px添加到相对定位元素，它只会将其位置向左移20个像素。
• absolute表示相对于同时位于relative或absolute的第一个父元素定位元素。
• fixed表示相对于浏览器窗口定位元素，并在滚动期间保持固定，无需其他代码。我认为你应该这样做。

检查一下： https://jsfiddle.net/8w4qac30/9/

检查位置：