Q: What is the best way to disable scrollbars in the iframe?

A1: the "scrolling=no" attribute

A2: "overflow: hidden" on the containing div

A3: "overflow: hidden" on the iframe

A4: "overflow: hidden" on the body of the child

Scrolling tests

Notes

Result

For all browsers, we will use A1. For iOS, we will additionally apply A2 (to constrain the iframe).

Movement should be done by translating.

Scrolling the frame window (frame.contentWindow) — this works in iOS5 as well for R. It works everywhere except Android, which sadly rules it out.

R: "overflow: hidden" on container + "scrolling=no" on iframe