javascript - jQuery Mobile - 隐藏在持久标题下的页面内容

Question

代码和演示可以在这里找到：http ://chapp.stage.philosophydesign.com/

加载主页后一切正常。但是，当我使用页脚导航切换另一个页面时，新页面内容位于页眉下方。似乎没有正确计算标题高度。

为什么会发生这种情况，我该如何阻止它发生？

Answer 1

这是一个已知问题。到目前为止，我已经开发了一种解决方法，另一种在Github Bug Tracker中找到。

这是我们在“Stoppress”（WPSE）上聊天的总结结果

// From Bug tracker #4219 @TodParker
$( "[data-position='fixed']" ).fixedtoolbar( 'updatePagePadding' );
// My own solution
$( "[data-position='fixed']" ).trigger( 'updatelayout' );

// Summed up: (Note) `pageload` and `.bind()` and equals won't work here.
$( document ).on( "pageshow", function(){
    $( "[data-position='fixed']" ).trigger( 'updatelayout' );
} );

如果您也遇到此问题/看到此行为，请介入并帮助修复它或支持尝试修复它的拉取请求！