Kürzlich, als ich Projektstatistiken durchführte, habe ich auf eine bestimmte Anforderung gestoßen, sodass die Tabelle beim Scrollen auf und ab behoben werden musste. Beim Scrollen nach links und rechts ist die Tabelle in der ersten Spalte der Tabelle festgelegt, die letzte Spalte der ersten Spalte der Tabelle wird festgelegt.
Es kann klarer sein, die Renderings an erster Stelle zu setzen:
Beim Scrollen nach links und rechts sind die beiden Spalten festgelegt und der mittlere Teil des Kopf- und Schwanzbilds entsprechend.
Beim Scrollen auf und ab werden Kopf und Schwanz festgelegt und der mittlere Teil der ersten und letzten Spalten entsprechend Scrollen.
Ideen:Nachdem ich lange nachgedacht hatte, stellte ich fest, dass es im Grunde schwierig ist, es zu erreichen, wenn ich einfach einen Tisch benutze, und es gibt widersprüchliche Orte beim Scrollen auf und ab. Schließlich habe ich meine Meinung geändert, um das Div -Layout zu verwenden und das Tischdesign zu imitieren, um diesen Effekt zu erzielen.
lösen: 1. Gesamtlayout: In drei Teile unterteilt: obere, mittlere und untere, nämlich Header, Körper und Fußzeile. Körper ist fest. Implementieren Sie auf und ab Scrollen. Ist es nicht sehr einfach? Haha. 2. Header -Layout: In die linke Behälter nach rechts unterteilt, links 10% Breite schwimmt links, Container 80% Breite schwimmt links, rechts 10% Breite schwimmt links. Fügen Sie einen Container mit der tatsächlichen Breite der Datenspalten-Container (relative Positionierung) hinzu.3. Körper, Fußzeile und Header.
4. Kontrollkern: Generieren Sie eine (80%) Div mit der gleichen Breite wie der Container und platzieren Sie eine DIV mit der gleichen tatsächlichen Datenbreite wie der Spaltencontainer (z. B. ID = Scroll). Simulieren links und rechts Scrollstangen.
JavaScript -Code -Inhalt in Zwischenablage kopieren