找到了这个答案In Jquery mobile, Header and footers are always hiding, when clicking inside the page?
我唯一的区别是我没有data-fullscreen =“true”但是有一个data-cache =“never”。
页脚栏不断淡入淡出。只是希望页脚导航栏位于屏幕底部而不会消失。
<div data-role="page" data-cache="never" id="mainPage">
<script>
$('#mainPage').live('pagecreate', function (event) {
$.fixedToolbars.setTouchToggleEnabled(false);
});
</script>
....header stuff
<div data-role="content" id="mainContent">
....
</div>
<div data-role="footer" data-theme="a" data-position="fixed">
<div data-role="navbar">
<ul>
... 4 li's
</ul>
</div>
</div>
</div>
我们走了。这是怎么做到的? http://jquerymobile.com/test/experiments/scrollview/#../../docs/toolbars/footer-persist-a.html
标题会立即加载,但不会加载页脚。希望我的页脚像该页面的标题一样。
答案 0 :(得分:10)
这在jQueryMobile 1.1 rc1中得到修复。见this link
在页脚上使用 data-tap-toggle =&#34; false&#34; 。
答案 1 :(得分:0)
它应该工作。
滚动列表时只有一个问题:导航栏消失但是一旦停止滚动就会重新启动。
你可以看到小提琴here。
答案 2 :(得分:0)
$(document).bind("mobileinit", function() {
$.support.touchOverflow = true;
$.mobile.touchOverflowEnabled = true;
$.mobile.fixedToolbars.setTouchToggleEnabled(false);
});
这很有效。在Android 2.3中测试