输入后滚动Phonegap iOS

时间:2013-02-13 21:06:27

标签: javascript iphone html ios cordova

当用户在我的Phonegap应用程序上输入文本,然后在完成后返回时,整个页面的滚动范围将超出应有的范围。

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

请参阅说明问题的图片:

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

我正在使用iScroll 4.0,但它在此页面上无效。

如何纠正这个问题?

1 个答案:

答案 0 :(得分:1)

前进的方法是设置一个Javascript事件,一旦焦点丢失在输入框上,就将其恢复到页面顶部(或任何地方)。这使用了onblur方法(我想与onfocus相反?)并且真的只是声明一旦焦点丢失,页面会快速回到顶部。

以下是工作样本:

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

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