下図は「シンプル利益計算」の画面ですが、ツールバーの下に日付・期間・グラフを表示し、その下にリストを表示するように作成しています。
リストをスクロールすると、日付・期間・グラフの表示位置は固定のため、スクロールに影響することなく表示することができます。

今回はツールバーとコンテンツの間に固定のヘッダーを作成する方法を説明します。

ヘッダー領域のtopをツールバーの高さ分を下にずらします。
コンテンツ領域のtopはツールバーの高さ分に設定されているため、margin-topをヘッダー領域の高さ分を下にずらすことで実現できます。

Android

iOS

【Monaca】ツールバーとコンテンツの間に固定のヘッダーを作成する
Tagged on: