防止页面滚动焦点切换

Question

我是移动web/dev的新手。我的应用程序使用jquery-mobile，phonegap和Compass（s​​css）。

我有我的登录页面上的一个问题：

标志和字段包含在标准的“格”集装箱（数据角色=“内容”数据类型=“垂直”）。背景是彩色的。

当将焦点从登录字段切换到密码字段时，页面向上滑动，这是我不希望发生的事情。我希望我的徽标和字段保持原样，就像Skype iOS应用登录页面一样。

会出现以下情况：

我已经尝试了多种技巧，试图阻止滚动事件，或迫使页面滚动到0,0，但没有成功。

我现在正在考虑一种新的策略，可能会使用顶部相对定位标识和字段，并捕捉焦点事件以自己滚动页面，在键盘上滑动（通过动画顶部相对定位坐标）。

虽然这似乎是可行的，我想知道如果这是种各地使用Skype的iOS应用程序团队工作...

任何意见，在这种特殊情况下使用的工艺是值得欢迎的！

欢呼声，

弗雷德

Answer 1

我没有测试过这还，但不e.preventDefault（）停止的问题？通常你使用e.preventDefault（）来停止默认的滚动/拖拽行为。

$(document).bind('focus', function(e){ 
    e.preventDefault(); 
}); 

或更好

$(element).bind('focus', function(e){ 
    e.preventDefault(); 
}); 

或

$(document).bind('touchstart', function(e){ 
    e.preventDefault(); 
}); 

请问输入字段更好地工作？

$(":input").live({ 
    focus: function(e) { 
    e.preventDefault(); 
    } 
}); 

Answer 2

我最后还是没有找到任何编码解决方案来处理我的问题成功，但是我注意到一个chirurgical定位不准我字段之间切换时，带状装饰画面。

一旦键盘可见，整个登录屏幕的可用空间不得超过可用空间，即200像素。此外，为了防止在切换场时滚动，最后输入场中心位置不得超过100像素最大值。使用CSS可以使用填充和边距来达到理想的效果。

应该可以通过移除键盘“字段导航栏”来获得额外的垂直空间，但我不知道该怎么做，无论是：/