IE10+ FullScreen.js 不在全屏模式下滚动

Question

我开发了一个使用https://github.com/sindresorhus/screenfull.js/ 进行全屏模式的网站。在 Chrome、Firefox、Open 和 Safari 上，插件可以正常工作。但是当我使用 Internet Explorer 10+ 时，插件无法正常工作。因此，当我处于全屏模式时，即使使用键盘也无法滚动内容。

我尝试将overflow: scroll !important; overflow-y: scroll !important; 添加到正文，但没有进行任何更改。

你能帮帮我吗？提前谢谢你。

Answer 1

问题是在处理 Internet Explorer 时应该传递不同的元素。使用您正在使用的相同组件...

代替：

    

if (screenfull.enabled) {

    screenfull.request();

} else {
        // Ignore or do something else
}

这样做：

let element = document.documentElement; // Default element for other browsers

if (element.msRequestFullscreen) {
   element = document.body; //overwrite the element (for IE)

}

if (screenfull.enabled) {
    screenfull.request(element);
} else {
    // Ignore or do something else
}