首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Phonegap iOS iScroll 5视图在虚拟键盘上向上移动

Phonegap iOS iScroll 5视图在虚拟键盘上向上移动
EN

Stack Overflow用户
提问于 2014-01-09 09:58:24
回答 2查看 738关注 0票数 2

我正在使用Phonegap,jQuery和iScroll 5为iOS构建一个本地应用程序。除了我将焦点放在页脚中的输入字段上之外,iScroll都工作得很好。出现虚拟键盘,并将整个视图向上推。页眉不在可见范围内,无法滚动到页面顶部。当输入字段失去焦点或模糊时,一切都会恢复正常。我读到过iScroll没有检测到屏幕尺寸的变化,但我不确定如何修复它。我尝试过window.scrollTo(0,0)和scrollTop(),但没有成功。谢谢!

EN

回答 2

Stack Overflow用户

发布于 2014-01-17 12:34:51

我已经为此挣扎了好几个星期了。

试一试

代码语言:javascript
复制
body{
    overflow: hidden; 
    position: fixed;
    top:0;
    min-height: 480px; /* Window height for iPhone 5*/
 }

在xml中:

代码语言:javascript
复制
<preference name="HideKeyboardFormAccessoryBar" value="true" />

我更改了CDVViewController.m

从…

代码语言:javascript
复制
CGFloat actualKeyboardHeight = (keyboardFrame.size.height - accessoryHeight);
newFrame.size.height -= actualKeyboardHeight;

代码语言:javascript
复制
newFrame.size.height -= 0;

现在这对我来说很有效,只要我在一个页面上没有多个输入域,并且我实际上需要一些滚动。

票数 1
EN

Stack Overflow用户

发布于 2016-02-26 18:32:19

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21010323

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档