Elementtien skrollaus JavaScriptissä

Seuraavat ominaisuudet sisältävät tiedon siitä, kuinka paljon elementtiä on skrollattu:

javascriptconsole.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:

Задание 1

Annettu elementti ja painike. Painiketta painamalla selvitä kuinka paljon elementtiä on skrollattu pystysuunnassa.

Задание 2

Annettu elementti ja painike. Painiketta painamalla tarkista, onko elementtiä skrollattu pystysuunnassa.

Задание 3

Skollaa elementti loppuun. Paina painiketta, jolloin näytetään täyden skrollauksen määrä.

Задание 4

Hae elementin scrollHeight ja vähennä siitä täyden skrollauksen määrä (edellisestä tehtävästä). Mikä arvo saadaan? Mitä mittaa se sisältää?

Задание 5

Laske yhteen offsetHeight ja täyden skrollauksen määrä. Vähennä tämä summa arvosta scrollHeight. Mikä luku saadaan?