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
}

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

IE10+ FullScreen.js is not scrolling in full-screen mode

html

fullscreen

html5-fullscreen