【发布时间】:2013-08-27 17:59:20
【问题描述】:
如何使用 Jquery-mobile 在 WP7 中固定页脚
<div data-role="footer" data-position="fixed">
<h1>Footer</h1>
</div>
【问题讨论】:
标签: javascript jquery css windows-phone-7 jquery-mobile
如何使用 Jquery-mobile 在 WP7 中固定页脚
<div data-role="footer" data-position="fixed">
<h1>Footer</h1>
</div>
【问题讨论】:
标签: javascript jquery css windows-phone-7 jquery-mobile
WP7 不支持 position:fixed 所以工具栏应该只随页面滚动,除非你选择包含可选的 polyfill,这是一个修复:
https://github.com/filamentgroup/jQuery-Mobile-FixedToolbar-Legacy-Polyfill
【讨论】:
$(".ui-footer-fixed").fixedToolbar("updatePosition");
<link rel="stylesheet" href="css/them.min.css" /> <link rel="stylesheet" href="css/jquery.mobile.structure-1.2.0.css" /> <link rel="stylesheet" href="css/jquery.mobile.fixedToolbar.polyfill.css" /> <link rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src="js/libs/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/libs/jquery.mobile-1.2.0.min.js"></script> <script type="text/javascript" src="js/libs/jquery.mobile.fixedToolbar.polyfill.js"></script>