当用户在我的Phonegap应用程序上输入文本,然后在完成后返回时,整个页面的滚动范围将超出应有的范围。
我正在寻找一种解决方法,以确保一旦未聚焦,页面将返回到正常位置。
请参阅说明问题的图片:
http://i.imgur.com/ehdXCQq.png
我正在使用iScroll 4.0,但它在此页面上无效。
如何纠正这个问题?
答案 0 :(得分:1)
前进的方法是设置一个Javascript事件,一旦焦点丢失在输入框上,就将其恢复到页面顶部(或任何地方)。这使用了onblur
方法(我想与onfocus
相反?)并且真的只是声明一旦焦点丢失,页面会快速回到顶部。
以下是工作样本:
<input name="foo" id="foo" class="foo" onblur="window.scrollTo(0,0);" type="text" />
...当然,onblur="window.scrollTo(0,0);"
是返回页面顶部的操作代码。