positionieren ein auf der x-axis behobenes Element. Standardmäßig werden Elemente als "statisch" positioniert, was bedeutet, dass sie gemäß dem Fluss der Seite platziert werden. Sie können jedoch andere Werte verwenden, um Elemente genauer zu positionieren.

, um nur ein Element auf der X-Achse zu beheben, können Sie die feste Position verwenden. Dadurch wird die Position des Elements relativ zum Ansichtsfenster gesperrt, sodass es sich nicht horizontal bewegen wird, wenn die Seite scrolls.

#Element { Position: fest; Top: 0; unten: 0; }

kann jedoch dazu führen, dass das Element die Fixpositionierung auf einer einzelnen Achse überschneidet, wenn es sich vertikal unterrollt. Um dies zu verhindern, können Sie JavaScript verwenden, um die Position des Elements auf der y-Achse dynamisch anzupassen, wenn die Seite gescrollt wird. { $ ('#element'). CSS ('TOP', $ (this) .Scrolltop ()); });

#element {
  position: fixed;
  top: 0;
  bottom: 0;
}

Dies wird sicherstellen, dass das Element beim vertikalen Scrollen auf der x-achse behoben bleibt. Diese Transformationsfunktion kann auf ein Element angewendet werden, um es vertikal zu bewegen, ohne ihre Position auf der X-Achse zu beeinflussen.

#Element { Position: fest; links: 15px; Transformation: Translate (0, -$ (Fenster) .Scrolltop ()); }

Dieser Ansatz verhindert auch, dass das Element andere Inhalte überlappt, wenn es scrolls. ParseInt ($ ("#Element"). CSS ('links')) und verwendete es im Skript als Offset.