Reposition to area of screen after page is submitted ..

Hey all.

I have a situation where I need to focus on an element after the page is submitted but for it to be "smooth".

I have a screen with table data on it, the table has, say, 100 records that cause the page to scroll. An item near the bottom of the page is updated and once it is updated, the page is automatically submitted (refreshed), there's no way around the submittal of the page.

Once the page "comes back", I need for that same element to have focus and for it to happen smoothly. Currently, once the page is reloaded, it is at the top of the page and when I reposition down the page, you can see the page "move down". So, what you have is the page having to load and then visibly "move down" to the focused element. I want to eliminate the viewing of the "moving down" part.

Also, centering the focused element would be nice too, or at least moving it up from the bottom edge of the screen.

Any ideas?
WebspeederAsked:
Who is Participating?
 
dmeerenConnect With a Mentor Commented:
Why not use <a name="positionname"></a> and ad the following to the refresh link #positionname, you will get a link like: http://domain.com/bla.php#positionname
0
 
WebspeederAuthor Commented:
I thought about that but figured it would have same visual affect. I'll try it.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.