问如何限制移动站点的滚动，但允许访问可能被收回的地址栏

EN

https://github.com/patrickmarabeas/angular-swipe-drawer

我在构建移动站点时遇到了一个有趣的问题。

当抽屉被切换时，我将“溢出:隐藏；”设置为html/body。这样，窗口就不能滚动，而达到极限时可滚动的抽屉就不会滚动页面(e.preventDefault(); & e.stopPropagation();根本做不到这一点)。

一切都很好。如果这是个Phonegap应用程序的话真是太棒了。然而，由于这是一个网站，不一致的溢出设置会造成浏览器的“全屏模式”的可用性问题。“全屏幕模式”是指地址栏在向下滚动页面时被隐藏起来。当滚动时，条形图将重新出现。当切换抽屉时，浏览器基本上被锁定在“非全屏模式”或“全屏模式”中。后者才是真正的问题--因为用户根本无法访问地址栏--并且给人的印象是浏览器已经锁定了，或者是奇怪的。

对于滚动/触地移动(可能使用Javascript)如何仍然能产生进入/退出“全屏模式”的效果，有什么好主意吗？我玩过全屏API，但这是正确的全屏，而不仅仅是地址栏。

以下是一些截图：

​

​

1. 站点加载，我们可以看到地址栏。
2. 站点可按预期滚动，浏览器进入“全屏模式”
3. 我们切换抽屉打开-网站现在没有响应(除了抽屉滚动和任何手势通过AngularJS指令，我必须隐藏抽屉)
4. 当地址栏可见时，抽屉就会切换。好的可用性，但预期的‘全屏模式’时，使用一个网站没有发生(如果有房地产将是很好的)。

EDIT2：https://medium.com似乎实现了我想要的目标。

EDIT3:一个无形的、绝对定位的div坐在一切之上，这是成功的--但这也有它自己的问题。