javascript - 在隐藏/显示地址栏上禁用iPhone缩放/调整大小？

我正在一个非常“愚蠢”的特殊网站上工作。它应该带有很多动画，非常浮华，并且对此具有响应能力。正文元素设置为溢出：隐藏；脚本看起来像这样：

<div id="wrapper">
    <div class="content"> Some content with down button goes here ...</div>
    <div class="content"> Some content with up/down button goes here ...</div>
    <div class="content"> Some content with up/down button goes here ...</div>
    <div class="content"> Some content with up button goes here ...</div>
</div>

每个.content都有一个向上/向下导航按钮，它将使您滚动到每个div。它们是完整的宽度和高度，如果内容“太大”，则div本身是可滚动的。也就是说，仅通过继续滚动就不能“滚动”到下一个内容-您必须使用导航来转到下一个div。

由于调整大小会更改内容，因此.content的对齐可能会崩溃。也就是说，可以看到两个content-div（例如＃1的80％和＃2的20％）。因此，我有一个“搁置”页面并使您在调整大小时到达顶部（.content＃1）的功能。 。

这在台式机上运行良好（在android上为chrome上），但是还有iOS和野生动物园。地址栏是可见的，经典的window.scrollTo(0,0);（或window.scrollTo(0,1);）将不起作用。精细。我可以忍受这一点。但是，在某些情况下，当您滚动内容时，safari可能会认为“嘿，让我们现在隐藏地址栏”（我还没有真正弄清楚这种逻辑是什么），这被视为一种使您进入顶端。
那么，有什么聪明的方法可以始终保持地址栏可见，或者总是隐藏它？

还是有其他解决此问题的想法？

最佳答案

不，当用户滚动时，无法在iOS 8（和7）中保持地址栏可见。

关于javascript - 在隐藏/显示地址栏上禁用iPhone缩放/调整大小？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28439074/