Gunnar Bittersmann: Fixer Menübalken über der Seite

Beitrag lesen

@@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 🖖

-- „Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann