Paano gumawa: Sticky na elemento

Matututunan kung paano gumawa ng sticky na elemento gamit ang CSS.

Subukan nang personal mo.

Babala:Ang halimbawa na ito ay hindi magamit sa Internet Explorer o Edge 15 at mas maagang bersiyon.

Mga sticky na elemento

Mga halimbawa

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

Subukan nang personal mo.

Ang mga elemento na may position: sticky; ay lalagay base sa posisyon ng paggalaw ng user.

Ang mga sticky na elemento ay lumilipat sa pagitan ng relative na lokasyon at fixed na lokasyon, depende sa posisyon ng paggalaw. Bago maabot ang tinukoy na offset sa view port, ito ay relative na lokasyon, pagkatapos ay ito ay 'tikitik' sa lugar (katulad ng position:fixed).

Babala:Internet Explorer、Edge 15 ato ang mas maagang bersiyon ay hindi sumusuporta sa sticky na lokasyon. Kailangan ng Safari ang -webkit- prefix (tingnan ang halimbawa sa ibaba). Upang ang sticky na lokasyon ay gumana, dapat kahit anong magpakahulugan ng top, right, bottom o left ay kahit anong pinagmumulan.

相关页面

教程：CSS 定位