IE10+ 全屏.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
}