Feste Positionierung
Feste Positionierung ermöglicht es uns, ein Element relativ zum Ansichtsfenster (dem Browserfenster) zu positionieren, anstatt relativ zu seinem übergeordneten Element. Das bedeutet, dass das Element immer an derselben Position auf dem Bildschirm bleibt, auch wenn der Benutzer die Seite scrollt.
position: fixed;
Es kann hilfreich sein, wenn wir eine Webseiten-Navigation erstellen, die dem Benutzer immer zur Verfügung steht, oder wenn wir einige Informationen dauerhaft auf dem Bildschirm anzeigen müssen. Deshalb lasst uns etwas üben und den Support-Chat-Button erstellen, der immer in der unteren rechten Ecke des Ansichtsfensters sein wird.
index.html
index.css
Der Chat-Button ist immer für den Benutzer verfügbar. Er verschwindet nicht beim Scrollen. Dies wurde nur mit der Eigenschaft position: fixed;
erreicht.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.04
Feste Positionierung
Swipe um das Menü anzuzeigen
Feste Positionierung ermöglicht es uns, ein Element relativ zum Ansichtsfenster (dem Browserfenster) zu positionieren, anstatt relativ zu seinem übergeordneten Element. Das bedeutet, dass das Element immer an derselben Position auf dem Bildschirm bleibt, auch wenn der Benutzer die Seite scrollt.
position: fixed;
Es kann hilfreich sein, wenn wir eine Webseiten-Navigation erstellen, die dem Benutzer immer zur Verfügung steht, oder wenn wir einige Informationen dauerhaft auf dem Bildschirm anzeigen müssen. Deshalb lasst uns etwas üben und den Support-Chat-Button erstellen, der immer in der unteren rechten Ecke des Ansichtsfensters sein wird.
index.html
index.css
Der Chat-Button ist immer für den Benutzer verfügbar. Er verschwindet nicht beim Scrollen. Dies wurde nur mit der Eigenschaft position: fixed;
erreicht.
Danke für Ihr Feedback!