Window scrollX 属性
- Page ya kijana scrollTo()
- Page ya kusini scrollY
- Rejea kipande chao Mfumo wa Window
定义和用法
scrollX
属性返回文档从窗口左上角滚动的像素。
scrollX
Tambuliko hauwezi kusoma zaidi.
Mfano
scrollX
Mfano Tambuliko hivyo ni kina ya:
Tambuliko
Kwa sababu ya muhimu wa kusimamia mifano ya kubunifu, tumekuwa na: window.pageXOffset
Inasikitika: window.scrollX
.
Tazama pia:
Mifano
Mifano 1
Kusomaani zawadi 100 pixeli, na kumtangaza scrollX na scrollY:
window.scrollBy(100, 100); alert(window.scrollX + window.scrollY);
Mifano 2
Kundiza barua ya naia inayotumika kwa kuzingatia:
// Pata barua ya naia const navbar = document.getElementById("navbar"); // Pata viwango vya kusoma kwenye barua ya naia const sticky = navbar.offsetTop; // Kwa sababu ya kuingia katika viwango vya kusoma, ongezea kiklasa "sticky" kwenye barua ya naia. Kusichukua kiklasa "sticky" kama ukiwa kwenye viwango vya kusoma. function myFunction() { if (window.scrollY >= sticky) { navbar.classList.add("sticky") } nyingine { navbar.classList.remove("sticky"); } }
Makadara
window.scrollX
au:
scrollX
Matokeo wa kumwambia
Aina | Kueleza |
---|---|
Namba | Sifuri ya pixeli ya kusoma kutoka kwenye eneo la kimoja cha kina la eneo la picha. |
Mwongozo wa wasemaji
Wote wa wasemaji wana usiojengwa window.scrollX
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Msaada | 9-11 | Msaada | Msaada | Msaada | Msaada |
- Page ya kijana scrollTo()
- Page ya kusini scrollY
- Rejea kipande chao Mfumo wa Window