Quiero activar el evento de desplazamiento cuando la ventana del navegador tenga 75 rem o más y eliminarlo cuando la ventana sea más pequeña.

Esto solo funciona pero no observa el cambio de tamaño de la ventana:

 const mql = window.matchMedia("(min-width: 75rem)") const thumb = document.querySelector(".entry-figure") const rate = 0.5 if (mql.matches) { document.addEventListener("scroll", () => { thumb.style.opacity = (100 / window.scrollY) * rate }) }

Intenté lo siguiente, pero falla:

 mql.addEventListener( "change", (e) => { if (e.matches) { document.addEventListener("scroll", () => { thumb.style.opacity = (100 / window.scrollY) * rate }) } })