I have a serious problem with an iFrame embedded in a Wix page, my client is asking to not have to scroll up when you select the time you want to reserve on the restaurant:

1)Here is the first screen when you enter to the reservation apart in the website

2)The hours are buttons that you select and all the content is gonna hide, and then the form appears to add your name, number, etc...

3)After you click it the content will show up but I want to appear at the top of the iframe, I don't want to scroll up manually

4. This is where I want to be when I click the button hours

Here is a test website so you can see the problem live: https://marketing254641.wixsite.com/website/reservas

The problem is I can't play around with the HTML because the company has many many restaurants, so it's a template, what I can do is to inject javascript directly from the reservation system like this:

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

All those hours buttons have this class, so I thought this function would be applied to all of them, but seems unresponsive, even in the inspect can't find the script...

I really would appreciate feedback from you, and also an advice, also wix is pretty mess up when its about iframe layout