强制iOS重新计算滑动菜单所需的窗口大小

Question

所以我之前看过移动浏览器的这个问题，通常只是忽略它。当你有一个元素（我不相信它的位置如何）并将其从可视区域移开时，移动浏览器（在我的测试用例中）会增加滚动到它的能力。我正在制作一个滑出菜单，与mashable.com网站上的相同。基本上菜单是在主要内容后面的z索引。在点击菜单按钮时，主要内容会向右翻译CSS以显示菜单。然而，在它向后滑动后，iOS“记住”屏幕上有一个元素，并且仍然允许用户向右滚动，即使没有任何东西可以存在。

有没有办法（我会假设通过javascript）强制移动浏览器重新计算可视区域或元素所在的位置。有些事我可以开火或什么的。我不能为了我的生活谷歌我的出路。菜单正常运行。我当前的“修复”是为了防止触摸移动时滑动左侧事件的默认行为。但是使用这种方法可能会阻止我做我计划的其他事情。

Answer 1

我通过将内容设置为99.9％宽度来解决它，并在几毫秒之后再次移除宽度。

// on closing menu:
if(panel==='closing'){
    $("#content").css('width','99.9%');
    setTimeout(function() {
        $("#content").css('width','');
    },100);
}