22 lines
654 B
HTML
22 lines
654 B
HTML
<!DOCTYPE>
|
|
<html>
|
|
<style>
|
|
#element-container-absolute-vh {
|
|
background:green;
|
|
position:absolute;
|
|
}
|
|
</style>
|
|
<div id="element-container-absolute-vh">TEST PASSED</div>
|
|
<script>
|
|
function applyStyle() {
|
|
var viewportHeight = window.innerHeight;
|
|
var elementStyle = document.getElementById("element-container-absolute-vh").style;
|
|
elementStyle.top = Math.floor(10 * viewportHeight / 100) + "px";
|
|
elementStyle.bottom = Math.floor(10 * viewportHeight / 100) + "px";
|
|
elementStyle.left = Math.floor(10 * viewportHeight / 100) + "px";
|
|
elementStyle.right = Math.floor(10 * viewportHeight / 100) + "px";
|
|
}
|
|
applyStyle();
|
|
</script>
|
|
</html>
|