ionic:ページデザインがヘッダーに重なる(上に崩れる)場合の対処方法

記事公開日:
最終更新日:

Sponsored Links

This post is also available in: 英語

Angular.js ベースのモバイルUIフレームワークの ionic を使っていてページデザインが上側にずれて崩れる場合の対処方法のメモです。

1.class=”has-header” を追加する

ionicにはclass=”has-header”という便利なクラスがあります。

<ion-content class="has-header">
...
</ion-content>

2.padding-top を追加する

padding-top のpxは任意で決めてください。

<ion-content style="padding-top:50px;">
...
</ion-content>

追記:3.has-header=”true”を追加する

has-header=”true” を追加する方法もあるようです。

<ion-content has-header="true">
...
</ion-content>

About
Amelt.net,LLCの創業者で、費用対効果の高い統合webマーケティングによりビジネスパートナーとして継続的にサポート。詳しいより。ブログの更新情報facebookページGoogle+そしてTwitter、またRSSfeedlyLINE@にてお知らせしていますのでフォローよろしくお願い致します。


Sponsored Links