How to hide scrollbar from iFrame?
If you cannot use our JavaScript embed code, the remaining options are our iFrame embed code. In Wix's case, embed it as a link or external site. Wix will show it as an iFrame embed. The same goes with Google sites.
The disadvantage is, an iFrame will show a vertical scrollbar if the feed's content is longer than the iFrame height that you set. We cannot completely hide the iFrame scrollbar. We have some workarounds that might be good enough.
Anticipate the height of your feed's content. Set the height of your iFrame more than the height of your anticipated content.
Use a Slider Layout and set the height of your iFrame more than the height of your slider. This way, you can load more contents to the right or left. The default layout uses a load more button that shows up more content at the bottom of the feed. It will show a vertical scrollbar in that case.
Try to add scrolling="no" attribute to the iFrame or overflow:hidden; in your iFrame's CSS.
The disadvantage is, an iFrame will show a vertical scrollbar if the feed's content is longer than the iFrame height that you set. We cannot completely hide the iFrame scrollbar. We have some workarounds that might be good enough.
Anticipate the height of your feed's content. Set the height of your iFrame more than the height of your anticipated content.
Use a Slider Layout and set the height of your iFrame more than the height of your slider. This way, you can load more contents to the right or left. The default layout uses a load more button that shows up more content at the bottom of the feed. It will show a vertical scrollbar in that case.
Try to add scrolling="no" attribute to the iFrame or overflow:hidden; in your iFrame's CSS.
Updated on: 01/08/2022
Thank you!