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()。