在有些情況下,需要設置某末端元素高度,讓其佔滿剩餘屏幕高度。
/**
* Des: 設置某元素高度,讓其佔滿 屏幕剩下高度
* Input:元素id
* */
setAutoHeight(id){
let elemOri = document.getElementById(id);
let elemTmp = elemOri;
if(elemTmp == null){
return;
}
let offsetTop = 0;
//todo: 此處應該循環到最上層元素,將所有offsetTop求和。
while(elemTmp != null){
offsetTop += elemTmp.offsetTop;
elemTmp = elemTmp.offsetParent;
}
let paddingTop = getComputedStyle(elemOri,false)["paddingTop"];
let height = window.innerHeight - offsetTop - parseInt(paddingTop) + 'px';
elemOri.style.height = height;
}