← Todos los ejemplos

JavaScript Anuncios y desorden

Cerrar automáticamente las superposiciones modales

Vigila la página y oculta las grandes superposiciones fijas, desbloqueando el scroll.

Código para copiar

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

Cómo usar este ejemplo

  1. Copia el código con el botón de arriba.
  2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
  3. Añade una nueva regla que coincida con esa página.
  4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso