Kuv yuav ua li cas kuv txoj hauj lwm nplaum?
Kuv yuav ua li cas kuv txoj hauj lwm nplaum?

Video: Kuv yuav ua li cas kuv txoj hauj lwm nplaum?

Video: Kuv yuav ua li cas kuv txoj hauj lwm nplaum?
Video: yuav coj li cas kom luag nyiam 2024, Kaum ib hlis
Anonim

pom tus nyhuv ntawm nplaum positioning, xaiv txoj hauj lwm : nplaum xaiv thiab scroll lub thawv no. Cov element yuav scroll nrog nws lub thawv, kom txog rau thaum nws nyob tus saum tus thawv (los yog ncav cuag tus offset teev nyob rau sab saum toj), thiab yuav tsum nres scrolling, yog li nws nyob twj ywm pom.

Ntxiv mus, kuv puas tuaj yeem siv txoj haujlwm nplaum?

Browsers Txhawb Position Sticky tau txais kev txhawb nqa los ntawm txhua qhov loj niaj hnub browsers, tshwj tsis yog rau IE qub. Rau Safari browsers koj yuav yuav tsum tau ntxiv -webkit prefix.

vim li cas kuv txoj hauj lwm nplaum tsis ua hauj lwm? Yog li thaum koj khiav mus rau qhov xwm txheej twg txoj hauj lwm : -webkit- nplaum tsis ua haujlwm , lub taub hau-up: xyuas seb lub caij koj xav tau txoj hauj lwm raws li nplaum yog tsis yog ib tug me nyuam ntawm ib tug niam txiv lub ntsiab uas tau muaj nws overflow teem rau zais. Tsis tas li, koj yuav tsum teeb tsa cov cuab yeej saum toj kawg nkaus ntawm lub caij koj xav tau txoj hauj lwm nplaum.

Kuj kom paub, koj ua li cas ua ib qho nplaum nplaum?

Rau ua ib nplaum nplaum , ua : ua_sticky('# nplaum -elem-id'); Thaum lub keeb ua nplaum , cov cai tswj txoj haujlwm ntawm cov ntsiab lus tseem ceeb kom nws tsis txhob dhia mus rau hauv qhov sib txawv sab laug los ntawm qhov nplaum nplaum . Nws kuj rov qab cov nplaum nplaum rau nws qhov original tsis- nplaum txoj hauj lwm thaum scroll rov qab rau saum nws.

Txoj hauj lwm nplaum ua dab tsi?

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).

Pom zoo: