data-positoin属性を使ったヘッダとフッタの表示テストです。 headerとfooterタグ内にdata-position="fixed"とそれぞれ 指定することで、スマホの画面の上部にヘッダ、下部にフッタを 常に表示されることができます。