My Embedded App
Scroll here — the parent page stays put ✨
Getting Started
Welcome to the embedded app! This content scrolls independently from the Webador page. When your cursor or finger is over this app, only this content moves.
Fully Customizable
Change the colors, fonts, cards, and layout to match your brand. Everything is self-contained in a single HTML file you host anywhere.
Mobile Friendly
Touch scrolling works perfectly on phones and tablets. The app traps scroll events so the parent Webador page won't jump around while you browse content here.
Lightning Fast
No frameworks, no libraries, no external dependencies. Just pure HTML, CSS, and a tiny bit of JavaScript. Loads instantly inside any iframe.
Scroll Isolation
The secret is overscroll-behavior: contain — a CSS property that tells the browser to keep all scrolling inside this container. No code needed on the parent page.
Use Case: Product List
Perfect for embedding a scrollable product catalog, menu, FAQ section, portfolio gallery, or any long content inside a fixed-height area on your Webador site.
Use Case: Forms
Embed long forms, surveys, or multi-step wizards. Users scroll through the form without accidentally scrolling the main website page.
Use Case: Chat Widget
Build a live chat or comment feed that scrolls independently. Messages stay contained in their own scrollable area.
Use Case: News Feed
Display a scrollable news or blog feed. Visitors browse articles inside the embed without losing their place on your main page.
You Made It!
You scrolled all the way down — and the parent page didn't move. That's the whole point! Host this HTML file and embed the URL in Webador.