我正在使用iScrollview和iScroll以及iScrollview小部件插件。我的目的是将页眉和页脚设置为固定位置，并让iScroll处理滚动两者之间的所有内容。
所以我有这样的事情：
<div data-role="header" data-position="fixed" data-fullscreen="false" data-id="hdr" data-theme="c" data-visible-on-page-show="true" data-tap-toggle="false" data-transition="none">
...
</div>
<div id="content" data-role="content" data-theme="c" data-iscroll class="scroll-wrapper">
...
</div>
<div data-role="footer" data-position="fixed" data-fullscreen="false" data-id="ftr" data-visible-on-page-show="true" data-tap-toggle="false" data-transition="none" data-theme="c" class="ui-bar">
...
</div>
我的问题是，当页面最初显示时，内容不会一直延伸到页脚。我可以在Firebug中看到我的桌面浏览器上的data-iscroll div高度设置为759px。它应该是865px。区别在于53px标题和53px页脚。换句话说，iScroll会考虑页眉和页脚的高度，即使它们位于我的iscroll-data div之外。
当我改变方向时，iscroll div正确地调整到整个高度。
如果我在pageinit上添加此内容，则第一页正确显示，但后续页面均无法正常显示。
$( document ).on( 'pageinit', ['.cover-story-page', '.notes-page'], function() {
$(".scroll-wrapper").data("mobileIscrollview").resizeWrapper();
$(".scroll-wrapper").data("mobileIscrollview").refresh();
});
我尝试过pagebeforecreate，pagecreate，pageinit，pagebeforeshow，pagebeforehide，pageshow pagehide，pagebeforechange，pagechange和pagechangefailed。一些错误输出而其他错误不会调整大小并刷新滚动条。
我的问题是：如果滚动区域在方向变化时自行纠正，每次页面显示时如何强制它自行纠正？