iScroll仅在旋转到风景并返回肖像后才能工作

Question

我有一个Twitter bootstrap 3网站，除了Android 2.3浏览器外，它都能正常运行。
在固定的导航栏中，我有一个打开div（可折叠）的按钮，并显示链接列表。 但是在Android 2.3中打开了列表，但是所有列表都不可见，只有其中一半可见。 滚动条没有出现，触摸菜单也没有响应。

因此，经过一些研究，我开始使用iScroll 5 。 但是在页面加载时滚动不起作用。 当我将设备翻转到横向然后再回到纵向时，iScroll可以工作。

<script type="text/javascript" src="/scripts/iscroll.js"></script>
<div class="my_polyfill">
    <ul>
        <li>...</li>
        <li>...</li>
        ...
    </ul>
</div>

我添加了视口：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

我添加了这样的超时：

$(window).load(function() {
    setTimeout( function() {  var myScroll = new IScroll('.my_polyfill'); }, 4000);
}

但是当我进行人像-风景-肖像翻转时，iScroll仍然可以工作。 我怎样才能解决这个问题 ？ 或调试问题。

Answer 1

页面渲染完成后，添加myScroll.refresh（）。