Elementtien skrollaus JavaScriptissä
Seuraavat ominaisuudet sisältävät tiedon siitä, kuinka paljon elementtiä on skrollattu:
console.log(elem.scrollTop); // ylhäältä
console.log(elem.scrollLeft); // vasemmalta
Seuraava esimerkki demonstroi näiden ominaisuuksien toimintaa. Skollaa elementtiä ja paina painiketta, näet skrollauksen määrän:
Annettu elementti ja painike. Painiketta painamalla selvitä kuinka paljon elementtiä on skrollattu pystysuunnassa.
Annettu elementti ja painike. Painiketta painamalla tarkista, onko elementtiä skrollattu pystysuunnassa.
Skollaa elementti loppuun. Paina painiketta, jolloin näytetään täyden skrollauksen määrä.
Hae elementin scrollHeight
ja vähennä siitä täyden skrollauksen määrä
(edellisestä tehtävästä). Mikä arvo saadaan?
Mitä mittaa se sisältää?
Laske yhteen offsetHeight ja täyden skrollauksen määrä.
Vähennä tämä summa arvosta scrollHeight.
Mikä luku saadaan?