HTML DOM Element scrollTop 属性
- Pya ya kwanza scrollLeft
- Pya ya nne scrollWidth
- Rudi kufikia ukurasa wa juu Mfano wa DOM Elements
定义和用法
scrollTop
属性设置或返回元素内容垂直滚动的像素数。
Tazama pia:
Mfano
Mfano 1
Pata mita ya kusoma kufikia kwa kufikia kwa "myDIV":
const element = document.getElementById("myDIV"); let x = elmnt.scrollLeft; let y = elmnt.scrollTop;
Mfano 2
Kuandika kufikia kwa "myDIV" 50 mita kwa kusababisha kusoma kuelekea juu, 10 mita kwa kusababisha kusoma kuelekea chini:
const element = document.getElementById("myDIV"); element.scrollLeft = 50; element.scrollTop = 10;
Mfano 3
Kuandika kufikia kwa "myDIV" 50 mita kwa kusababisha kusoma kuelekea juu, 10 mita kwa kusababisha kusoma kuelekea chini:
const element = document.getElementById("myDIV"); element.scrollLeft += 50; element.scrollTop += 10;
Mfano 4
Ingiza kwenye <body> ukweli wa kina wa kina 30 mita, ukweli wa kina wa kina 10 mita:
const html = document.documentElement; html.scrollLeft += 30; html.scrollTop += 10;
Mfano 5
Kuchukua jina la kiwango kikuu kati ya kipengele - Kama mtu amekina kutoka kwenye kipengele cha juu cha ukurasa 50 mita, jina la kiwango kikuu "test" linasaidia kipengele (inaondoa tena kama anapokwenda kwenye juu):
window.onscroll = function() {myFunction()}; function myFunction() { if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { document.getElementById("myP").className = "test"; } document.getElementById("myP").className = ""; } }
Mfano 6
Kama mtu amekina kutoka kwenye kipengele cha juu cha ukurasa 350 mita, ingineze elementi inayoshalika kwa kiwango kikuu cha slideUp (inaongeza kiwango cha slideUp):
window.onscroll = function() {myFunction()}; function myFunction() { if (document.body.scrollTop > 350 || document.documentElement.scrollTop > 350) { document.getElementById("myImg").className = "slideUp"; } }
Insha
Rudia scrollTop property:
element.scrollTop
Saidia scrollTop property:
element.scrollTop = pixels
maadili ya ukweli
value | kueleza |
---|---|
pixels |
makabila ya simu ya kina inayokwenda kwenye ukweli wa kina kwa mita.
|
maadili ya kuzungumza
aina | kueleza |
---|---|
nambari | makabila ya simu ya kina inayokwenda kwenye ukweli wa kina kwa mita. |
barua za kina inasaa
watawala kwa barua za kina zote element.scrollTop
:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Mwongozo | Mwongozo | Mwongozo | Mwongozo | Mwongozo | Mwongozo |
- Pya ya kwanza scrollLeft
- Pya ya nne scrollWidth
- Rudi kufikia ukurasa wa juu Mfano wa DOM Elements