Phonegap 导航栏随着页面滚动而移动

Posted

技术标签:

【中文标题】Phonegap 导航栏随着页面滚动而移动【英文标题】:Phonegap navigation bar moves with page scroll 【发布时间】:2014-05-06 11:47:29 【问题描述】:

我对 Phonegap 完全陌生。我正在使用 iconicframework 来构建我的应用程序的 UI。现在我面临一个问题。当我滚动页面时,我的导航栏也会随着页面一起滚动,我注意到它仅在键盘进入时才会发生。

我的config.xml

<preference name="fullscreen" value="true" />
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="phonegap-version" value="3.3.0" />
<feature name="StatusBar">
  <param name="ios-package" value="CDVStatusBar" onload="true" />
</feature>

到目前为止我做了什么。 1.添加了回答中建议的键盘插件

检查图像。

【问题讨论】:

【参考方案1】:

将键盘插件添加到您的项目中:

cordova plugin add org.apache.cordova.keyboard

并将以下设置添加到您的config.xml

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

【讨论】:

【参考方案2】:

您使用的是哪个版本的 ionic?您应该尝试 beta 4 并安装我们的 cordova 键盘插件的分叉版本。

$ cordova plugin add https://github.com/driftyco/ionic-plugins-keyboard.git

另外,请查看this post,这是对键盘插件的深入了解。我们希望尽快发布有关键盘的块状帖子!

You can get the plugin here

【讨论】:

以上是关于Phonegap 导航栏随着页面滚动而移动的主要内容,如果未能解决你的问题,请参考以下文章

Phonegap 导航栏不适用于多个 html 页面

如何强制显示移动 Safari 底部导航栏以编程方式显示?

移动导航栏在滚动时不更改

Bootstrap 3移动键盘解锁导航栏[重复]

js实现导航菜单栏随着屏幕的滚动进行滚动的效果

使用 phonegap 防止键盘在 iOS 应用程序中向上推 webview