Tengo un problema grave con un iFrame incrustado en una página de Wix, mi cliente me pide que no tenga que desplazarse hacia arriba cuando selecciona la hora que desea reservar en el restaurante:

1) Aquí está la primera pantalla cuando ingresas a la reserva aparte en el sitio web

2) Las horas son botones que seleccionas y todo el contenido se va a ocultar, y luego aparece el formulario para agregar tu nombre, número, etc...

3) Después de hacer clic en él, aparecerá el contenido, pero quiero que aparezca en la parte superior del iframe, no quiero desplazarme hacia arriba manualmente.

4. Aquí es donde quiero estar cuando haga clic en el botón horas

Aquí hay un sitio web de prueba para que pueda ver el problema en vivo: https://marketing254641.wixsite.com/website/reservas

El problema es que no puedo jugar con el HTML porque la empresa tiene muchos restaurantes, por lo que es una plantilla, lo que puedo hacer es inyectar javascript directamente desde el sistema de reservas de esta manera:

 <script> let scrollTop = document.querySelector(".tod"); scrollTop.onclick = () => window.scrollTo({ top: 0, behavior:"smooth" }); </script>

Todos esos botones de horas tienen esta clase, así que pensé que esta función se aplicaría a todos ellos, pero parece que no responde, incluso en la inspección no puedo encontrar el script...

Realmente agradecería sus comentarios, y también un consejo, también wix está bastante desordenado cuando se trata de diseño de iframe