← Tous les exemples

JavaScript Pubs & encombrement

Fermeture automatique des superpositions modales

Surveille la page et masque les grandes superpositions fixes, débloquant le défilement.

Code à copier

(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 });
})();

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage