Modale Overlays automatisch schließen
Beobachtet die Seite und blendet große fixierte Overlays aus, gibt Scrollen frei.
Code zum Kopieren
(function () {
function killOverlays() {
document.querySelectorAll('div, section, aside').forEach(function (el) {
var s = getComputedStyle(el);
var z = parseInt(s.zIndex || '0', 10);
if ((s.position === 'fixed' || s.position === 'absolute') && z >= 1000) {
var r = el.getBoundingClientRect();
if (r.width > window.innerWidth * 0.6 && r.height > window.innerHeight * 0.6) {
el.style.display = 'none';
}
}
});
if (document.body) {
document.body.style.overflow = 'auto';
document.body.classList.remove('modal-open', 'no-scroll', 'noscroll');
}
}
killOverlays();
var obs = new MutationObserver(killOverlays);
obs.observe(document.body, { childList: true, subtree: true });
})();So verwendest du dieses Beispiel
- Kopiere den Code mit der Schaltfläche oben.
- Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
- Füge eine neue Regel hinzu, die zu dieser Seite passt.
- Füge den Code in das JavaScript-Panel der Regel ein und speichere — er läuft bei jedem Seitenbesuch.
Bewerte dieses Beispiel
Noch keine Bewertungen — sei der Erste.