Txoj hauj lwm nplaum ua dab tsi?
Txoj hauj lwm nplaum ua dab tsi?

Video: Txoj hauj lwm nplaum ua dab tsi?

Video: Txoj hauj lwm nplaum ua dab tsi?
Video: yog hmoov dab tsi tub huas xyooj 2024, Hlis ntuj nqeg
Anonim

Ib yam nrog txoj hauj lwm : nplaum ; yog positioned raws li tus neeg siv scroll txoj hauj lwm . A nplaum element toggles ntawm tus txheeb ze thiab ruaj, nyob ntawm qhov scroll txoj hauj lwm . Nws yog positioned txheeb ze mus txog rau ib tug muab offset txoj hauj lwm tau ntsib nyob rau hauv lub viewport - ces nws "sticks" nyob rau hauv qhov chaw (xws li txoj hauj lwm : tsau).

Ib yam li ntawd, kuv yuav ua li cas kom kuv txoj hauj lwm nplaum?

Pom cov nyhuv ntawm nplaum qhov chaw , xaiv cov txoj hauj lwm : nplaum xaiv thiab scroll lub thawv no. Lub caij yuav scroll nrog rau nws lub thawv, kom txog rau thaum nws nyob rau sab saum toj ntawm lub thawv (los yog ncav cuag qhov offset teev nyob rau hauv sab saum toj), thiab ces yuav tsum tsis scrolling, yog li nws nyob twj ywm pom.

Kuj Paub, qhov txawv ntawm txoj hauj lwm nplaum thiab ruaj yog dab tsi? Tsis mus rau hauv cov ntsiab lus tshwj xeeb, txoj hauj lwm : nplaum yeej ua zoo li txoj hauj lwm : txheeb ze kom txog rau thaum ib lub caij yog scrolled tshaj ib qho offset, nyob rau hauv cov ntaub ntawv twg nws hloov mus rau hauv txoj hauj lwm : tsau , ua rau lub caij "lo" rau nws txoj hauj lwm es tsis txhob raug scrolled tawm ntawm saib.

Hais txog qhov no, kuv tuaj yeem siv CSS txoj haujlwm nplaum?

CSS

txoj hauj lwm : nplaum

muaj kev txhawb nqa hauv Firefox, Safari, thiab Chrome Canary (56+). CSS txoj haujlwm : nplaum muaj kev txhawb nqa hauv Firefox, Safari, thiab Chrome Canary (56+).

Webkit nplaum yog dab tsi?

txoj hauj lwm : nplaum yog ib txoj kev tshiab rau txoj hauj lwm cov ntsiab lus thiab yog conceptually zoo ib yam li txoj hauj lwm : tsau. Qhov txawv yog hais tias lub ntsiab nrog txoj hauj lwm : nplaum coj zoo li txoj hauj lwm : txheeb ze nyob rau hauv nws niam nws txiv, kom txog rau thaum ib tug muab offset pib tau ntsib nyob rau hauv lub viewport.

Pom zoo: