Phonegap iOS iScroll 5 View在虚拟键盘上向上移动

时间:2014-01-09 01:58:24

标签: jquery ios cordova iscroll

我正在使用Phonegap,jQuery和iScroll 5为iOS构建本机应用程序。除了我专注于页脚中的输入字段时,iScroll才能完美运行。出现虚拟键盘并向上推动整个视图。标题不在视图范围内,我无法滚动到页面顶部。当输入字段失去焦点或模糊时,一切都恢复正常。我已经读过iScroll没有检测到屏幕尺寸变化,但我不知道如何修复它。我试过window.scrollTo(0,0)和scrollTop()没有运气。谢谢!

2 个答案:

答案 0 :(得分:1)

几个星期以来,我一直在努力。

body{
    overflow: hidden; 
    position: fixed;
    top:0;
    min-height: 480px; /* Window height for iPhone 5*/
 }
xml中的

<preference name="HideKeyboardFormAccessoryBar" value="true" />

我改变了CDVViewController.m

CGFloat actualKeyboardHeight = (keyboardFrame.size.height - accessoryHeight);
newFrame.size.height -= actualKeyboardHeight;

newFrame.size.height -= 0;

现在这对我有用,只要我在一个页面上没有多个输入字段,我实际上需要一些滚动。

答案 1 :(得分:0)

当虚拟键盘出现时,滚动包装器的scrollTop值可能会改变,即使它的css溢出属性被隐藏了&#39; 我在hidekeyboard事件处理程序中将包装器的scrollTop重置为0;