Paano ko gagawing malagkit ang aking posisyon?

2024 May -akda: Lynn Donovan | [email protected]. Huling binago: 2023-12-15 23:54

Upang makita ang epekto ng malagkit pagpoposisyon, piliin ang posisyon : malagkit opsyon at i-scroll ang lalagyan na ito. Ang elemento ay mag-i-scroll kasama ang lalagyan nito, hanggang sa ito ay nasa ang sa taas ng ang lalagyan (o umaabot ang offset na tinukoy sa itaas), at pagkatapos ay hihinto sa pag-scroll, para manatiling nakikita.

Bukod dito, maaari ba akong gumamit ng malagkit na posisyon?

Suporta sa Mga Browser Malagkit ang Posisyon ay sinusuportahan ng lahat ng pangunahing modernong browser, maliban sa lumang IE. Para sa mga Safari browser ka kalooban kailangang idagdag ang -webkit prefix.

bakit hindi gumagana ang aking posisyon? Kaya kung sakaling tumakbo ka sa isang sitwasyon kung saan posisyon : -webkit- hindi gumagana ang sticky , isang heads-up: tingnan kung gusto mo ang elemento posisyon bilang malagkit ay hindi isang anak ng isang elemento ng magulang na nakatakdang itago ang overflow. Gayundin, kailangan mong itakda ang nangungunang katangian ng elementong gusto mo malagkit ang posisyon.

Para malaman din, paano mo gagawing malagkit ang isang elemento?

Upang gumawa isang malagkit na elemento , gawin : make_sticky('# malagkit -elem-id'); Kapag ang elemento nagiging malagkit , pinamamahalaan ng code ang posisyon ng natitirang nilalaman upang maiwasan itong tumalon sa puwang na iniwan ng malagkit na elemento . Ibinabalik din nito ang malagkit na elemento sa orihinal nitong hindi- malagkit posisyon kapag nag-scroll pabalik sa itaas nito.

Ano ang ginagawa ng malagkit na posisyon?

Isang elemento na may posisyon : malagkit ; ay nakaposisyon batay sa scroll ng user posisyon . A malagkit nagpapalipat-lipat ang elemento sa pagitan ng relative at fixed, depende sa scroll posisyon . Ito ay nakaposisyon na kamag-anak hanggang sa isang ibinigay na offset posisyon ay natutugunan sa viewport - pagkatapos ay "didikit" ito sa lugar (tulad ng posisyon :nakapirming).