Webkit nplaum yog dab tsi?
Webkit nplaum yog dab tsi?

Video: Webkit nplaum yog dab tsi?

Video: Webkit nplaum yog dab tsi?
Video: node-webkit десктопное приложение на html/css/js 2024, Tej zaum
Anonim

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.

Ntxiv mus, 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).

Ib tug kuj yuav nug, Kuv yuav ua li cas thiaj ua rau 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.

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

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.

Pom zoo: