Warum funktionieren meine Sticky Buttons in IE 11 nicht?

Position: Sticky Buttons funktionieren in IE 11 nicht

Dieses Problem ergibt sich aus der Tatsache, dass die „Sticky“-Eigenschaft im Internet nicht unterstützt wird Explorer 11. „Sticky“ positioniert ein Element relativ zum Ansichtsfenster, sodass es beim Scrollen des Benutzers an Ort und Stelle bleibt.

Um dieses Problem zu beheben Problem in IE 11, können Sie stattdessen die Eigenschaft „fixed“ verwenden:

.sticky-button-thing-not-working-on-ie {
  position: fixed; /* added to support older browsers */
  bottom: 0;
  right: 0;
  background: rgba(0, 211, 211, 0.6);
}

Durch das Hinzufügen von „position: Fixed“ bleiben die Schaltflächen am unteren Rand der Seite, auch wenn der Benutzer scrollt, wodurch das erreicht wird Gleicher Effekt wie „position: sticky“ in anderen Browsern.

Es ist wichtig zu beachten, dass „sticky“ in den meisten Fällen zwar bevorzugt wird, die Eigenschaft „fixed“ jedoch eine praktikable Alternative für Situationen darstellt, in denen Die Browserkompatibilität ist ein Problem.

Das obige ist der detaillierte Inhalt vonWarum funktionieren meine Sticky Buttons in IE 11 nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!