是否可以像我们使用 jQuery 移动表格中的第一列那样保持顶行移动?
我用来在滚动期间保持第一列移动的代码是这样的。
$('#table-name').scroll(function () {
var _left = $(this).scrollLeft();
$('.firstTd').css('left', _left);
});
当我使用相同的技术将属性置顶到表格行时...通过应用 CSS,浏览器不接受它。
P.S:我在 td 元素上使用了 left 属性,并想将相同的技术应用于 tr 标签
最佳答案
编辑
糟糕,问题没看懂。我将保留以下信息,但实际上我的答案是这样。
由于 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
关于javascript - 表行中不支持顶级属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42387240/