Hvordan man opretter: Fastlåst billede
- Forrige side Teamintroduktion
- Næste side Vend billede
Lær at bruge CSS til at oprette fastlåste billeder.
Fastlåst billede
Bemærk:Dette eksempel gælder ikke for Internet Explorer eller Edge 15 og tidligere versioner.
Fastlåst billede
img.sticky {
position: -webkit-fastlåst; /* Safari */
position:fastlåst;
top: 0;
}
Indstillet position:fastlåst; elementer vil blive placeret baseret på brugerens rulningsposition.
Fastlåste elementer skifter mellem relativ og fastlåst position, afhængigt af rulningens position. Før de når den angivne afstand i visningen, vil de være relativt placeret - derefter vil de 'suge' fast på stedet (som position:fastlåst)
Bemærk:Bemærk: Internet Explorer, Edge 15 og tidligere versioner understøtter ikke fastlåst position. Safari kræver en -webkit- Præfiks (se eksempel). For at gøre fastlåst position gældende, skal der mindst angives top、højre、bunden eller venstre 中的一个。
Relaterede sider
Tutorial:CSS billede
Tutorial:CSS position
- Forrige side Teamintroduktion
- Næste side Vend billede
