Posun prvků v JavaScriptu
Následující vlastnosti obsahují, o kolik je prvek posunut:
console.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:
Daný prvek a tlačítko. Po stisknutí tlačítka zjistěte, o kolik je prvek posunut svisle.
Daný prvek a tlačítko. Po stisknutí tlačítka zkontrolujte, zda je prvek posunut svisle.
Posuňte prvek až na konec. Stiskněte tlačítko, aby se zobrazila velikost plného posunu.
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?
Sečtěte offsetHeight a velikost plného posunu.
Odečtěte tento součet od hodnoty scrollHeight.
Jaké číslo vyjde?
