html - 当键盘出现 ionic 时隐藏页脚

Question

我在特定页面中遇到了 footer-bar 的问题。当输入聚焦时，键盘出现并且页脚保持在键盘上方。

HTML

<ion-view>
    <ion-content>
        <!-- Content goes here -->
    </ion-content>
    <div class="bar dash-footer-col dash-footer bar-footer">
        <div class="row">
            <div class="col dash-footer-col mycharts-footer-col footertopredboarder" <img src="img/icons/1.png" ng-click="go('home')">
                <div>
                    <h5>HOME</h5>
                </div>
            </div>
            <div class="col dash-footer-col mycharts-footer-col footer-top-boarder " ng-click="go('profile')">
                <img src="img/icons/2.png">
                <div>
                    <h5>PROFILE</h5>
                </div>
            </div>
            <div class="col dash-footer-col mycharts-footer-col footer-top-boarder" style="padding-top:0px;" ng-click="go('contact')">
                <img class="weather-icon" src="img/icons/3.png">
                <div style="height:1em;">
                    <h5>CONTACT</h5>
                </div>
            </div>
            <div class="col dash-footer-col mycharts-footer-col footer-top-boarder" ng-click="go('logout')">
                <img src="img/icons/4.png">
                <div>
                    <h5>LOGOUT</h5>
                </div>
            </div>
        </div>
    </div>
</ion-view> 

我试图通过在 app.js 中添加以下行来解决这个问题。 footer隐藏之后，但是有一个闪烁的问题，请问有没有其他方法可以在键盘出现的时候隐藏footer呢？请帮助我。谢谢。

谢谢

Answer 1

"hide-on-keyboard-open" 类可用于此类操作

<div class="hide-on-keyboard-open">

看看ionic keyboard plugin