We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

how to scroll horizontally within an iframe exceeding 100% screen width?

more options

Hi All.

We have a custom web app/form we use for managing our backend product information (details such as color, size, weight, etc). This is contained within an iframe. Sometimes the number of things we need to manage extends beyond width of the iframe (like when editing many products at once). It always extends beyond the vertical. So once you scroll down a few fields, you can no longer see the scroll bars to move along from L-to-R. Short of extending the window across three monitors, is there a way to scroll horizontally within the frame? just going tab-to-tab through the fields won't work, as there are sometimes 30 or 40 fields per product.

I am hoping there is an answer, short of having the coders redevelop the back-end to work properly.

Thanks.

Hi All. We have a custom web app/form we use for managing our backend product information (details such as color, size, weight, etc). This is contained within an iframe. Sometimes the number of things we need to manage extends beyond width of the iframe (like when editing many products at once). It always extends beyond the vertical. So once you scroll down a few fields, you can no longer see the scroll bars to move along from L-to-R. Short of extending the window across three monitors, is there a way to scroll horizontally within the frame? just going tab-to-tab through the fields won't work, as there are sometimes 30 or 40 fields per product. I am hoping there is an answer, short of having the coders redevelop the back-end to work properly. Thanks.

All Replies (1)

more options

Hmm, I think iframes behave like little windows, and whether there is a horizontal scroll bar on the framed document depends on the style rules inside the framed page (overflow-x property) not the parent/containing page.

Without a scroll bar, some "gestures" can scroll the page horizontally, but this requires users to have a touchpad or special mouse and know the gesture, so I wouldn't depend on it.