mmenu 在移动设备上展开时隐藏地址栏

Posted 2023-05-09

【中文标题】mmenu 在移动设备上展开时隐藏地址栏

【英文标题】：mmenu hide address bar when expanded on mobile

【发布时间】：2013-08-19 04:47:14

【问题描述】：

我正在为移动页面使用 mmenu (http://mmenu.frebsite.nl/) jQuery 插件，并且我试图始终隐藏 iPhone 上的地址栏。我目前有：

window.addEventListener("load",function() 
      // Set a timeout...
      setTimeout(function()
      // Hide the address bar!
      window.scrollTo(0, 1);
   , 0);
);

但这只会在页面加载时隐藏，因此当我单击左侧菜单和右侧菜单按钮并且菜单展开时，地址栏会重新出现。想知道是否有办法在菜单处于展开状态时隐藏地址栏。

【问题讨论】：

您能不能只在事件中添加scrollTo(0,1) 操作以进行菜单交互？

【参考方案1】：

问题应该在最新版本的插件中修复： http://mmenu.frebsite.nl/download.php#changelog_3_2

【讨论】：

您介意解释一下如何使用这个功能吗？我尝试调用它，但它似乎对我不起作用。

你不需要调用任何函数。该插件应自动检测何时使用修复并应用它。基本上，该插件在正文中添加了一个额外的 60px padding-bottom，以诱使浏览器认为页面比浏览器大。

【参考方案2】：

这似乎解决了我的问题。

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, height=device-height, width=device-width, user-scalable = no">