Was tun, wenn CSS3 Sticky nicht wirksam wird?

Lösungen dafür, dass CSS3 Sticky nicht wirksam wird: 1. Das übergeordnete Element darf nicht über die Attribute „overflow:hidden“ oder „overflow:auto“ verfügen. 2. Einer der vier Werte „top“, „bottom“, „left“ und „right“ muss angegeben werden. 3. Die Höhe des übergeordneten Elements darf nicht niedriger sein als sticky Die Höhe des Elements.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, Thinkpad T480-Computer.

Empfohlen: „CSS-Video-Tutorial“

Sticky wird nicht wirksam, weil:

• Das übergeordnete Element ist mit overflow:hidden oder overflow:auto festgelegt

• oben, rechts, unten, und left sind nicht angegeben.

• Die Höhe des übergeordneten Elements ist kleiner als die Höhe des Sticky-Positionselements.

• Das Sticky-Attribut hängt vom Scrollen des Benutzers ab und wechselt zwischen der Position: relative und position:feste Positionierung.

• Die Elementpositionierung ist eine relative Positionierung vor dem Überschreiten eines bestimmten Schwellenwerts und eine feste Positionierung danach. Das Sticky-Attribut ist nur gültig, wenn die folgenden Bedingungen erfüllt sind: und rechts Einer der Werte, sonst erfolgt die relative Positionierung

Die Höhe des übergeordneten Elements darf nicht niedriger sein als die Höhe des Sticky-Elements

Das obige ist der detaillierte Inhalt vonWas tun, wenn CSS3 Sticky nicht wirksam wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!