新的 iOS 7.1 最小 ui 视口设置中是不是存在错误？

Posted 2023-03-06

【中文标题】新的 iOS 7.1 最小 ui 视口设置中是不是存在错误？

【英文标题】：Is there a bug in the new iOS 7.1 minimal-ui viewport setting?新的 iOS 7.1 最小 ui 视口设置中是否存在错误？

【发布时间】：2014-05-01 16:49:29

【问题描述】：

ios 7.1 中新的“最小 ui”设置非常适合横向网站。我的 web 应用程序使用全屏、绝对定位的 div 来显示其内容，以赋予它类似应用程序的感觉。但 Safari 似乎只在底部添加了 URL 栏的高度。我在不同的 iPhone 上试过这个，结果一样...

这是页面加载后的样子：

这是一个错误还是我做错了什么或遗漏了什么？

Click for example (view on iPhone with iOS >= 7.1)

【问题讨论】：

请注意，当我以纵向模式加载页面然后旋转到横向时，这个问题对我来说是重复的。

好像是a duplicate of this question

@cambecc 感谢您的告知！

【参考方案1】：

iPhone5+ios7.1+minimal-ui 也有同样的问题。这段代码成功解决了这个问题。

window.addEventListener('scroll', function () 
    // Do not scroll when keyboard is visible 
    if (document.activeElement === document.body && window.scrollY > 0) 
        document.body.scrollTop = 0;
    
, true);

【讨论】：

为我工作！这已经足够了，不需要在“orientationchange”上做同样的事情。

【参考方案2】：

查看这篇文章：Gray area visible when switching from portrait to landscape using iOS 7.1 minimal-ui

这为我解决了问题：

window.scrollTo(0,0);

每次调整大小事件发生时设置。

【参考方案3】：

 $(window).resize(function()
  document.body.scrollTop = 0;
)