When embedding the YouCanBook.me (YCBM) site into Wix as an iFrame, there are two separate scrolling areas: one for the site’s header/footer and another for the available appointments. This occurs regardless of using the YCBM-provided embed code or the ‘Embed a Site’ feature in Wix.
No matter how tall the iFrame is set, the dual scrolling issue persists.
Worsening the problem, Wix automatically adds padding to the bottom of each page, even when the footer is hidden. This results in three scroll bars:
- One for the Wix bottom padding
- One for the YCBM header/footer
- One for the available appointment times
Potential solutions:
-
Create a custom embeddable version of the YCBM site that limits the number of available events shown to eliminate scrolling entirely. This would be especially helpful on mobile.
-
Develop a custom Wix widget to prevent this issue entirely.
-
Remove the dual scrolling design so that there’s only one scroll bar to manage, ensuring the iFrame’s header/footer is fully visible and not cut off midway based on user scrolling.