标签:targe enable ade href download 终端 隐藏 ack 工具栏
但对于新手来说。确实非常难。非常不easy,今天我就将我学习的内容一起分享一下!
放置页眉和页脚的方式有三种:
Inline - 默认。页眉和页脚与页面内容位于行内。
Fixed - 页面和页脚会留在页面顶部和底部。
Fullscreen - 与 fixed 类似;页面和页脚会留在页面顶部和底部
请使用 data-position 属性来定位页眉和页脚:
看代码:
<!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>假设要看到效果。则须要调整窗体大小使滚动栏可用。ok,我们上截图:</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>
jQuery Mobile的学习 jQuery Mobile工具栏、标题栏、页脚栏的定位学习
标签:targe enable ade href download 终端 隐藏 ack 工具栏
原文地址:http://www.cnblogs.com/slgkaifa/p/7039241.html