Què és Webkit sticky?
Què és Webkit sticky?

Vídeo: Què és Webkit sticky?

Vídeo: Què és Webkit sticky?
Vídeo: 5 Reasons your CSS Sticky Position won't work! 2024, De novembre
Anonim

posició : enganxós és una nova manera de fer-ho posició elements i conceptualment és similar posició : arreglat. La diferència és que un element amb posició : enganxós es comporta com posició : relatiu dins del seu pare, fins que s'assoleixi un llindar de desplaçament determinat a la finestra gràfica.

A més, què fa la posició enganxosa?

Un element amb posició : enganxós ; es posiciona en funció del desplaçament de l'usuari posició . A enganxós element alterna entre relatiu i fix, depenent del desplaçament posició . Es col·loca relativament fins a un desplaçament donat posició es troba a la finestra gràfica; després "s'enganxa" al seu lloc (com ara posició :fixat).

També es pot preguntar, com puc fer que la meva posició sigui enganxosa? Per veure l'efecte de posicionament enganxós , seleccioneu el posició : enganxós opció i desplaceu-vos per aquest contenidor. L'element es desplaçarà juntament amb el seu contenidor, fins que estigui a la part superior del contenidor (o assoleixi el desplaçament especificat a la part superior), i després deixarà de desplaçar-se, de manera que es mantingui visible.

Puc utilitzar la posició enganxosa?

Suport de navegadors Posició Sticky és compatible amb tots els principals navegadors moderns, excepte l'IE antic. Per als navegadors Safari vostè voluntat cal afegir el prefix -webkit.

Quina diferència hi ha entre la posició enganxosa i la fixa?

Sense entrar en detalls concrets, posició : enganxós bàsicament actua com posició : relatiu fins que un element es desplaça més enllà d'un desplaçament específic, en aquest cas es converteix en posició : fixat , fent que l'element "s'enganxi" al seu posició en lloc de desplaçar-se fora de la vista.

Recomanat: