【问题标题】:Scrolling Phonegap iOS after input输入后滚动Phonegap iOS
【发布时间】:2013-02-14 08:06:53
【问题描述】:

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

我正在寻找一种解决方法,以确保页面一旦失去焦点,就会恢复到正常位置。

查看说明问题的图片:

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

我正在使用 iScroll 4.0,但它在此页面上未激活。

如何解决这个问题?

【问题讨论】:

  • 发生这种情况是因为页面以所选输入框为中心。如果页面保持原样,您将无法看到您正在输入的内容,这会很烦人。
  • 我明白这一点。但是,我正在寻找一种解决方法,以确保一旦失去焦点,页面就会返回到正常位置。
  • 您尝试过这样的事情吗? jsfiddle.net/f25cb
  • 感谢您的提琴,但如果用户不输入或从键盘按下“完成”或“开始”而不是按下将不起作用的提交按钮。虽然找到了解决方案 - 在下面发布

标签: javascript iphone html ios cordova


【解决方案1】:

接下来的方法是设置一个 Javascript 事件,以便在输入框失去焦点后将其带回页面顶部(或任何地方)。这使用了onblur 方法(我猜是onfocus 的反面?)并且非常简单地说,一旦失去焦点,页面就会重新回到顶部。

这是工作示例:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-09-25
    • 1970-01-01
    • 2015-04-17
    • 2017-09-08
    • 1970-01-01
    • 2014-10-01
    • 1970-01-01
    • 2012-07-11
    相关资源
    最近更新 更多