我们有一个web应用程序，它有一个包含文本的图层元素"向上滑动进入游戏"，这个图层元素的大小等于视窗的宽度和高度。当用户向上滑动(或向下滚动)时，图层元素消失，网页应该变成全屏。我发现我可以使用Fullscreen API，我只需要对element.requestFullScreen()进行函数调用，但是如果在用户手势事件下没有调用，则此函数调用返回错误。因为向下滚动不是一个用户手势事件是可能做到这一点吗?或者有没有什么办法来模拟全屏功能?
requestFullscreen()需要用户激活，这意味着它只能由keydown,mousedown,pointerdown,pointerup或touchend触发，不能编写脚本。
参:
- https://developer.mozilla.org/en-US/docs/Web/Security/User_activation
- https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen
你最好的选择是滚动事件，你可以关闭页面，在屏幕中央显示一个巨大的按钮，上面写着"点击开始"。为桌面或"点击开始";平板电脑/手机。当用户与按钮交互时，你可以全屏启动应用程序。