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

Question

所以我以前在移动浏览器上看到过这个问题，但通常只是忽略它。当您有一个元素(我认为它的定位方式并不重要)并将其移出可视区域时，移动浏览器(在我的测试用例 safari 中)添加了滚动到它的功能。我制作的滑出式菜单与 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);
}