Cos'è Webkit appiccicoso?
Cos'è Webkit appiccicoso?

Video: Cos'è Webkit appiccicoso?

Video: Cos'è Webkit appiccicoso?
Video: Stop fighting with CSS positioning 2024, Novembre
Anonim

posizione : appiccicoso è un nuovo modo di posizione elementi ed è concettualmente simile a posizione : fisso. La differenza è che un elemento con posizione : appiccicoso si comporta come posizione : relativo all'interno del genitore, fino a quando non viene raggiunta una determinata soglia di offset nel viewport.

Inoltre, cosa fa la posizione appiccicosa?

Un elemento con posizione : appiccicoso ; è posizionato in base alla pergamena dell'utente posizione . UN appiccicoso elemento alterna tra relativo e fisso, a seconda dello scorrimento posizione . È posizionato relativo fino a un dato offset posizione è soddisfatta nel viewport - quindi si "attacca" in posizione (come posizione :fisso).

Ci si potrebbe anche chiedere, come faccio a rendere la mia posizione appiccicosa? Per vedere l'effetto di posizionamento appiccicoso , seleziona il posizione : appiccicoso opzione e scorrere questo contenitore. L'elemento scorrerà insieme al suo contenitore, finché non si troverà nella parte superiore del contenitore (o raggiungerà l'offset specificato in alto), quindi smetterà di scorrere, quindi rimane visibile.

posso usare la posizione appiccicosa?

Supporto browser Posizione appiccicosa è supportato da tutti i principali browser moderni, ad eccezione del vecchio IE. Per i browser Safari tu volere è necessario aggiungere il prefisso -webkit.

Qual è la differenza tra posizione fissa e fissa?

Senza entrare in dettagli specifici, posizione : appiccicoso fondamentalmente si comporta come posizione : relativo finché un elemento non viene fatto scorrere oltre uno specifico offset, nel qual caso si trasforma in posizione : fisso , facendo sì che l'elemento si "attacchi" al suo posizione invece di essere fatto scorrere fuori dalla vista.

Consigliato: