AJAX .load（）进入<div>移动屏幕 - 让我抓狂！

Question

I'm hoping that someone would be kind enough to offer a little help with this one.

I have a <DIV> at the bottom of my client's pages which contains an order form. When the form is submitted it sends the data to a php script which processes and returns a layout replacing the form in the <DIV>. This all works except for one annoying thing:

The window moves up a little so that the resulting layout is half off the bottom of the screen. I'd rather it didn't, and just load the layout into the <DIV> without any screen movement.

Can anyone offer a little help to prevent the window moving up? Thanks!

Answer 1

It sounds like you are clearing the html in the div before adding the new 'layout'. I can't be sure without seeing your code of course.

However, a fix for this is to sneakily scroll the window for the user since it is at the bottom of the page anyway. Add this to the end of the AJAX.load callback:

 $('html').animate({scrollTop: $elem.height()}, 100);