为什么按钮始终不可见（滚动时可见）？答案

【问题标题】：why the button is not visible for all time (visible while scroll )?为什么按钮始终不可见（滚动时可见）？
【发布时间】：2015-06-02 17:30:10
【问题描述】：

我正在尝试弹出存在多个选定元素的弹出窗口。其中存在页眉并竞争但页脚不存在。我需要页脚上有一个始终可见的关闭按钮。它滚动数据时也可见。换句话说，请单击最右边的图标“齿轮”图标，当您滚动数据时，它会弹出弹出窗口，您可以看到存在关闭按钮。我需要在页脚上出现该按钮，该按钮应始终显示这是我的代码

<script id="my-column-name.html" type="text/ng-template">
    <ion-popover-view>
        <ion-header-bar>
            <h1 class="title">Show Columns</h1>
        </ion-header-bar>
        <ion-content>
            <ul class="list" ng-repeat="item in data">
                <li class="item item-checkbox">
                    <label class="checkbox">
                        <input type="checkbox" ng-model="item.checked">
                    </label>
                    {{item.label}}
                </li>
            </ul>
            <ion-footer-bar>
                <button ng-click="closePopover()">close</button>
            </ion-footer-bar>

        </ion-content>
    </ion-popover-view>

http://plnkr.co/edit/HSngVd7Q6IRi8EtSVHTJ?p=preview

【问题讨论】：

标签： angularjs angularjs-directive angularjs-ng-repeat ionic-framework ionic

【解决方案1】：

将ion-footer-bar 移动到ion-content 之外会解决您的问题。

标记

<ion-popover-view>
    <ion-header-bar>
        <h1 class="title">Show Columns</h1>
    </ion-header-bar>
    <ion-content>
        ..content here
    </ion-content>
    <ion-footer-bar>
        <button ng-click="closePopover()">close</button>
    </ion-footer-bar>
</ion-popover-view>

Demo

【讨论】：