输入后滚动Phonegap iOS

Question

When a user inputs text on my Phonegap application then returned upon completion, the entire page is scrolled further than it should be.

I am looking for a workaround to ensure that, once unfocused, the page returns to it's normal position.

See image that illustrates issue:

http://i.imgur.com/ehdXCQq.png

I am using iScroll 4.0 but it is not active on this page.

How can this problem be rectified?

Answer 1

The way forward was to set a Javascript event to take it back to the top of the page (or wherever) once focus has been lost on the input box. This uses the onblur method (I guess the opposite of onfocus ?) and really simply states that once focus is lost, the page snaps back to the top.

Here's the working sample:

<input name="foo" id="foo" class="foo" onblur="window.scrollTo(0,0);" type="text" />

...with, of course, onblur="window.scrollTo(0,0);" being the operative code to return to the top of the page.