Fixer Menübalken über der Seite

[Gunnar Bittersmann]

@@ursus contionabundo

Element.scrollIntoRestrictedView() Nice.

Eine Unschönheit hat das Ding aber noch: die Ablage der sticky Elemente in quasi-globalen Variablen document.stickyToTopElement und document.stickyToBottomElement außerhalb der Methode.

Wäre es nicht angebracht, diese als Parameter zu übergeben?

HTMLElement.prototype.scrollIntoRestrictedView = function (stickyElements)
{
	if (stickyElements.top)
	{
		// …
	}
	if (stickyElements.bottom)
	{
		// …
	}
};

document.stickyToTopElement = document.querySelector('header');
document.stickyToBottomElement = document.querySelector('footer');
				
document.documentElement.addEventListener('focusin', event => {
	event.target.scrollIntoRestrictedView({
		top: document.stickyToTopElement,
		bottom: document.stickyToBottomElement
	});
});

LLAP 🖖