Articles on: Share

Scrolling Past an Embedded Booklet

Scrolling Past an Embedded Simplebooklet

If your website visitors are getting stuck inside your embedded Simplebooklet and can't scroll the page, here's what's happening and how to fix it.

Why This Happens

When a Simplebooklet is embedded via iframe, it acts as a window into your booklet. When a visitor's cursor is inside the booklet, the iframe takes over all scrolling — the page underneath becomes unresponsive until the cursor moves outside the booklet area. This is how iframes work in browsers, and it's not something that can be changed inside Simplebooklet.

The page will only scroll normally when the cursor is on parts of the page outside the booklet — like the header, footer, or sidebar.

How to Fix It

The goal is to give your visitors enough space outside the booklet to scroll the page comfortably. The most effective fix is making sure there's adequate margin around the embed.

Add margin around the iframe

Add space to the top, bottom, and sides of your embed container. This gives visitors room to position their cursor outside the booklet and scroll the page naturally. Many website builders (Elementor, Squarespace, Wix, Shopify) have a padding or spacing control in the block settings — no code needed.

If you're editing the HTML directly, you can add margin to your iframe:

<div style="margin: 40px 20px;">
  <iframe src="your-simplebooklet-url" width="100%" height="600px" frameborder="0"></iframe>
</div>

A small amount of margin may not be enough. Try a generous amount — at least 40px on the bottom and sides — so there's a clear area for the cursor to land outside the booklet.

Adjust the iframe height

If the booklet height is set larger than what's visible on screen, visitors may try to scroll inside it to see the rest. Set the height so the full booklet fits in view — this reduces the need to scroll inside it at all.

Can't edit your website code?

If you're not able to adjust your embed settings, consider sharing your Simplebooklet link instead. A button or link on your page that opens the booklet in a new tab gives visitors the full experience without the scroll issue.

The Bottom Line

When the cursor is inside the booklet, the page won't scroll — that's expected iframe behaviour and can't be changed from within Simplebooklet. The fix is always about the space around the embed, making sure visitors can easily move their cursor outside the booklet to scroll the rest of the page.

Updated on: 12/05/2026

Was this article helpful?

Thank you!