javascript - 添加修复了 html 全屏 ie11 问题的位置

Question

我正在使用 API 实现全屏功能，它适用于所有浏览器，但在 IE 中，由于没有发生垂直页面滚动，因此 position:fixed 以计算样式添加。我也尝试了很多使用CSS，但它并没有覆盖。谁能帮帮我吗？

var element =  document.documentElement;//document.getElementById("fullScreenBody");
			if(element.requestFullscreen) {
				element.requestFullscreen();
			} else if(element.mozRequestFullScreen) {
				element.mozRequestFullScreen();
			} else if(element.webkitRequestFullScreen) {
				element.webkitRequestFullScreen();
			} else if(element.msRequestFullscreen) {
				element.msRequestFullscreen();
			}

html::-ms-backdrop {
	overflow:scroll;
	position:absolute !important;
}

我也尝试使用 JavaScript，但它没有覆盖位置:已修复

var mydiv = document.querySelector("html");
 mydiv.style.setProperty("position", "relative", null);

Answer 1

试试这个

html {
     position: relative !important;
}