Przewijanie elementów w JavaScript
Następujące właściwości zawierają informację o tym, o ile przewinięty jest element:
javascriptconsole.log(elem.scrollTop); // od góry
console.log(elem.scrollLeft); // od lewej
Następujący przykład demonstruje działanie tych właściwości. Przewiń element i kliknij przycisk, zobaczysz wartość przewinięcia:
Dany jest element i przycisk. Po kliknięciu przycisku sprawdź o ile przewinięty jest element w pionie.
Dany jest element i przycisk. Po kliknięciu przycisku sprawdź, czy element jest przewinięty w pionie.
Przewiń element do końca. Kliknij przycisk, aby wyświetlić wartość pełnego przewinięcia.
Pobierz scrollHeight elementu
i odejmij od niego wartość pełnego przewinięcia
(z poprzedniego zadania). Jaka wartość wyjdzie?
Jakie wymiary ona zawiera?
Dodaj offsetHeight i wartość pełnego przewinięcia.
Odejmij tę sumę od wartości scrollHeight.
Jaka liczba wyjdzie?