javascript - 表行中不支持顶级属性

Question

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

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

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

});

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

P.S:我在 td 元素上使用了 left 属性，并想将相同的技术应用于 tr 标签

此处演示:https://jsfiddle.net/8w4qac30/7/

Answer 1

编辑

糟糕，问题没看懂。我将保留以下信息，但实际上我的答案是这样。

由于 tr 非常挑剔，我唯一能想到的就是选择所有 td 并移动它们，就像您对第一个所做的那样，像这样:https://jsfiddle.net/8w4qac30/9/

旧答案

left、top、right 和 bottom 是定位属性，要使它们起作用，您应该设置position 属性也是如此。

position 属性有不同的风格:

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

检查这个:

在这里查看位置:https://www.w3schools.com/cssref/pr_class_position.asp