Die oberste Eigenschaft wird in der Tabellenzeile nicht berücksichtigt

Question

Ist es möglich, die oberste Zeile so zu bewegen, wie wir die erste Spalte in einer Tabelle mit jQuery verschieben?

Der Code, den ich verwendet habe, um die erste Spalte während des Scrollens zu bewegen, ist ungefähr so.

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

}); 

, wenn ich die gleiche Technik nach oben Eigenschaft auf eine Tabellenzeile verwenden ... durch wird die CSS angewendet es nicht von den Browsern geehrt.

PS: habe ich links Eigenschaft auf td Element und wollen die gleiche Technik auf ein tr Tag

Demo hier anwenden: https://jsfiddle.net/8w4qac30/7/

Answer 1

EDIT

Hoppla, verstanden die Frage schlecht. Ich behalte die Informationen unten, aber meine Antwort ist diese.

Als tr s ziemlich anspruchsvoll sind, das einzige, was ich denken kann, ist es, alle td s auswählen und verschieben Sie sie, wie Sie mit dem ersten zu tun, wie folgt aus: https://jsfiddle.net/8w4qac30/9/

Alte Antwort

left, top, right und bottom sind Positionierungsattribute, und damit sie funktionieren, sollten Sie auch das Attribut position setzen.

position Attribute gibt es in verschiedenen Geschmacksrichtungen:

• relative bedeutet, das Element relativ zu sich selbst zu positionieren, so dass, wenn Sie hinzufügen, beispielsweise left: 20px einer relativen positioniertes Element, es wird einfach seine Position 20 Pixel verschoben nach links.
• absolute bedeutet, das Element relativ zum ersten Elternteil zu positionieren, das auch relative oder absolute positioniert ist.
• fixed bedeutet, dass das Element relativ zum Browserfenster positioniert wird und während des Scrollens ohne zusätzlichen Code fixiert bleibt. Ich denke, dass du diesen Weg gehen solltest.

prüfen dies:

Überprüfen Sie die Positionen hier: https://www.w3schools.com/cssref/pr_class_position.asp