プログラミングの勉強をしよう@Wiki
プログラミングの勉強をしよう@Wiki

ヘッダー・フッター

デモ

こちらをデモを参照


サンプル

<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>jQuery Mobileサンプル</title>
		<link rel="stylesheet" href="../css/jquery.mobile-1.1.1.css" />
		<script src="../js/jquery-1.8.1.min.js"></script>
		<script src="../js/jquery.mobile-1.1.1.min.js"></script>
	</head>
	<body>
		<section id="index" data-role="page" data-title="jQuery Mobile">
			<header data-role="header" data-position="fixed">
				<h1>jQuery Mobileサンプルテスト</h1>
			</header>
			<div data-role="content"> 
				<p>
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
				</p>
				<p>
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
				</p>
				<H3>
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
				</H3>
				<p>
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
				</p>
				<h3>
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
				</h3>
				<p>
					サンプル文字列サンプル文字列サンプル文字列サンプル文字列
				</p>
			</div>
			<footer data-role="footer" data-position="fixed">
				サンプルソーステスト
			</footer>
		</section>
	</body>
</html>
 



「ヘッダー・フッターの位置を固定」をウィキ内検索
最終更新：2013年05月23日 19:40