Elemente se scroll in JavaScript
Die volgende eienskappe bevat hoeveel 'n element gescroll is:
javascriptconsole.log(elem.scrollTop); // van bo
console.log(elem.scrollLeft); // van links
Die volgende voorbeeld demonstreer die werking van hierdie eienskappe. Scroll die element en klik op die knoppie, jy sal die scroll hoeveelheid sien:
Gegee 'n element en 'n knoppie. Met 'n druk op die knoppie, vind uit hoeveel die element vertikaal gescroll is.
Gegee 'n element en 'n knoppie. Met 'n druk op die knoppie, kontroleer of die element vertikaal gescroll is.
Scroll die element tot die einde. Druk op die knoppie om die volle scroll hoeveelheid te sien.
Kry die element se scrollHeight
en trek die volle scroll hoeveelheid af
(van die vorige taak). Watter waarde sal jy kry?
Watter afmetings bevat dit in homself?
Tel offsetHeight en die volle scroll hoeveelheid bymekaar.
Trek hierdie som van die scrollHeight waarde af.
Watter getal sal jy kry?