Posun prvků v JavaScriptu
Následující vlastnosti obsahují, o kolik je prvek posunut:
javascriptconsole.log(elem.scrollTop); // shora
console.log(elem.scrollLeft); // zleva
Následující příklad demonstruje funkčnost těchto vlastností. Posuňte prvek a klikněte na tlačítko, uvidíte velikost posunu:
Задание 1
Daný prvek a tlačítko. Po stisknutí tlačítka zjistěte, o kolik je prvek posunut svisle.
Задание 2
Daný prvek a tlačítko. Po stisknutí tlačítka zkontrolujte, zda je prvek posunut svisle.
Задание 3
Posuňte prvek až na konec. Stiskněte tlačítko, aby se zobrazila velikost plného posunu.
Задание 4
Získejte scrollHeight prvku
a odečtěte od něj velikost plného posunu
(z předchozí úlohy). Jaká hodnota vyjde?
Jaké rozměry obsahuje?
Задание 5
Sečtěte offsetHeight a velikost plného posunu.
Odečtěte tento součet od hodnoty scrollHeight.
Jaké číslo vyjde?