Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Navigation issues with iframe

User remains at bottom of page after submitting iframed form...

5:13 pm on Mar 17, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 13, 2001
votes: 0

Hello all - hope this isn't too rudimentary a question, but I've done some searching here and via the engines and can't find the solution to my problem.

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?


5:38 pm on Mar 17, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member kaled is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 2, 2003
votes: 0

If I understand you correctly, you may need to use javascript.

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.