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（）。

iScroll只有在旋转到横向并返回到portarit后才能工作

1 个答案: