Fixed div after header bar

In my application I want to notify the user when the device is offline and I want to show a fixed div just after the header bar with a message notifying the user, my html looks like:

<ion-view title="{{juego.0.title}}">
<ion-nav-buttons side="left">
    <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i></ion-nav-back-button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
	<button ng-hide="lista.length && !notLN" class="button button-icon item-button-right icon ion-more reverse" ng-click="listaJuegos($event, juego.0.title)"></button>
</ion-nav-buttons>
<div class="lista-juegos" ng-class="{'white-list': !notLN}" ng-include="juego.0.lista"></div>
<ion-content class="has-header juegos-content" delegate-handle="onlaeScroll">
    content...
</ion-content>

How I can accomplish this?

Check out this demo we have.

It’s been a good starting point for notification

Perfect! That is!

Thanks!

1 Like