Tengo una página con un iframe que se muestra correctamente; sin embargo, cuando el usuario se desplaza sobre el iframe, es imposible desplazarse por la página principal, ya que el evento de desplazamiento se usa dentro del iframe en lugar de la página principal. Encontré esta solución pero me sale el siguiente error:
DOMException no detectada: permiso denegado para acceder a la propiedad "documento" en un objeto de origen cruzado
Así que traté de desarrollar una solución alternativa: descubrí que configurar mouse-events: none en el iframe permite que la página principal se desplace correctamente; sin embargo, esto, por supuesto, evita que se pueda hacer clic en cualquier elemento del iframe. Como necesito que se pueda hacer clic en los enlaces en el iframe, traté de configurar dinámicamente mouse-events: none cuando el usuario intenta desplazarse y mouse-events: auto cuando el usuario no se está desplazando. Lamentablemente, pasar el cursor sobre el iframe también evita que se activen los eventos onScroll y onWheel, por lo que esto tampoco funcionó.
¿Alguien sabe de alguna solución viable o alternativa para tener iframes en los que se pueda hacer clic en una página sin que impidan que la página principal sea desplazable?