Hogyan tehetem ragadóssá a pozíciómat?
Hogyan tehetem ragadóssá a pozíciómat?

Videó: Hogyan tehetem ragadóssá a pozíciómat?

Videó: Hogyan tehetem ragadóssá a pozíciómat?
Videó: When position sticky doesn't stick 2024, December
Anonim

Látni az hatása ragadós pozicionálás, válassza ki a pozíció : ragadós opciót, és görgesse ezt a tárolót. Az elem a tárolójával együtt gördül, amíg el nem éri az teteje az konténer (vagy eléri az felül megadott eltolás), majd leállítja a görgetést, így látható marad.

Sőt, használhatom a position sticky-t?

Böngészők támogatása Ragadós pozíció minden nagyobb modern böngésző támogatja, kivéve a régi IE. Safari böngészők esetén Ön akarat hozzá kell adni a -webkit előtagot.

miért nem működik a ragadós pozícióm? Tehát abban az esetben, ha olyan helyzetbe kerülsz, ahol pozíció : -webkit- sticky nem működik , figyelmeztetés: ellenőrizze, hogy a kívánt elem-e pozíció mint ragadós van nem egy szülőelem gyermeke, amelynek túlcsordulása rejtettre van állítva. Ezenkívül be kell állítania a kívánt elem felső tulajdonságát ragadós helyzet.

Azt is tudni kell, hogyan lehet ragacsossá tenni egy elemet?

Nak nek készítsenek an elem ragadós , csináld : make_sticky('# ragadós -elem-id'); Amikor az elem válik ragadós , a kód kezeli a fennmaradó tartalom pozícióját, hogy ne ugorjon be a által hagyott résbe ragadós elem . Azt is visszaadja a ragadós elem az eredeti nem- ragadós helyzetbe, ha föléje visszafelé görget.

Mit csinál a pozícionáló ragasztó?

Egy elemmel pozíció : ragadós ; a felhasználó görgetése alapján helyezkedik el pozíció . A ragadós Az elem a görgetéstől függően vált a relatív és a rögzített között pozíció . Relatív pozícióban van egy adott eltolásig pozíció találkozik a nézetablakban - akkor "ragad" a helyén (pl pozíció :rögzített).

Ajánlott: