标签：html5 jquery mobile 智能终端 jqm fixed
程序员都很赖，你懂的！<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Fixed 页眉</h1>
</div>
<div data-role="content">
<p><b>提示：</b>如果要看到效果，则需要调整窗口大小使滚动条可用。</p>
<p><b>提示：</b>如果滚动条可用，那么敲击屏幕将隐藏或显示页眉/页脚。效果会根据您在页面上的位置而变化。</p>
<p>Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling. to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..Some text to enable scrolling..</p>
</div>
<div data-role="footer" data-position="fixed">
<h1>Fixed 页脚</h1>
</div>
</div>
</body>
</html>
ok，我们上截图：
jQuery Mobile的学习 jQuery Mobile工具栏、标题栏、页脚栏的定位学习,布布扣,bubuko.com
jQuery Mobile的学习 jQuery Mobile工具栏、标题栏、页脚栏的定位学习
标签：html5 jquery mobile 智能终端 jqm fixed
原文地址：http://blog.csdn.net/xmt1139057136/article/details/27570969
