为html全屏添加固定位置ie11 issue

时间:2017-08-18 11:47:52

标签: javascript css

我正在使用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);

1 个答案:

答案 0 :(得分:0)

试试这个

html {
     position: relative !important;
}