2013-02-13 33 views
0

当用户在我的Phonegap应用程序上输入文本然后在完成后返回时,整个页面会滚动得比应该更进一步。输入后滚动Phonegap iOS

我正在寻找解决方法,以确保一旦未聚焦,页面返回到正常位置。

,说明问题

见图片:

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

我使用iScroll 4.0,但它不是本网页上的活跃。

这个问题怎么解决?

+0

发生这种情况的原因是页面位于所选输入框的中心。如果网页保持原样,您将无法看到您正在输入的内容,这会让人感到烦恼。 – 2013-02-13 21:08:24

+0

我明白这一点。不过,我正在寻找一种解决方法,以确保一旦没有重点,页面就会返回到正常位置。 – Ben 2013-02-13 21:10:09

+0

你给了这样一个镜头? http://jsfiddle.net/f25cb/ – 2013-02-13 21:19:21

回答

1

前进的方式是设置一个Javascript事件,使其重新回到页面顶部(或任何地方),一旦焦点在输入框上丢失。这使用onblur方法(我猜与onfocus相反),并且确实简单地表明,一旦焦点丢失,页面就会回到顶端。

这里的工作样本:

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

...有,当然,onblur="window.scrollTo(0,0);"是手术的代码返回页面顶部。