Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: incrediBILL
My situation is this - I have to pull a multi-part form into my site using an iframe. The form contains 4-6 steps, depending on the path the user takes through the form.
However, during the form submission process, for example - at the point of the "submit" button, the form is submitted and the user taken to a confirmation page. However, because the user had to scroll down on my site/page (in the main browser) to get to the form's "submit" button, they are left with empty white space after submitting (i.e. - they're at the bottom of my page, but the content they should see, pulled in via the iframe, is at the top of the page and they can't see it without scrolling up).
Naturally, this leads to a choppy form submission process and is generally not user-friendly.
I know I could have the iframe itself scroll so that it always fits on the screen and no scrolling within the main browser window would be necessary...however, I'd like the iframe to be entirely transparent, i.e. - no borders or scroll bars.
Is there a way to remedy this situation that is not overly complicated?
When necessary, call item.focus() on an item such as a link below the <iframe>. You may also need to call item.scrollIntoView()
With some experimentation, it may be possible to add a #namedAnchor value to the form's action. If you can make it work, this would be preferable.