html - 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
}