In ion mode, when you scroll back, the navigation bar becomes empty

Question

parent page:

<ion-view  view-title="my account" >
    <ion-nav-bar class="bar-assertive" align-title="center" ></ion-nav-bar>
    <ion-content >
        <ion-list>
            <ion-item>
                <ion-item  class="item-remove-animate item-icon-left item-icon-right"  type="item-text-wrap"  ui-sref="tab.modipass">
                    <i class="icon ion-ios-unlocked-outline"></i>
                    <div>company profile</div>
                    <i class="icon ion-chevron-right icon-accessory"></i>
                </ion-item>
        </ion-list>
    </ion-content>
</ion-view>

child page:

<ion-view  view-title="about company" on-swipe-right="closePage()">
    <ion-nav-bar class="bar-assertive" align-title="center">
        <ion-nav-buttons side="left">
            <button class="button button-clear button-light" ng-click="closePage()">
                <i class="ion-ios-arrow-back" style="font-size:20px"></i>
            </button>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-content class="padding">
        <ul class="list">
            <li class="item item-text-wrap item-borderless">about company</li>
        </ul>
    </ion-content>
</ion-view>

both the parent page and the child page have a navigation bar, they have the same assertive color and a different name. when switching from a child back to a parent, the navigation bar on the child page becomes empty, without a title, without color. normal navigation bar of the parent page. The above situation only occurs when scrolling. Please help find out why?

Answer 1

I think this is a bug on Ionic, now I solved it by adding a CSS class

ion-nav-bar.hide {
   display: block !important;
}

, , .