【前端--CSS--設置元素高度】

在有些情況下,需要設置某末端元素高度,讓其佔滿剩餘屏幕高度。

   /**
     *  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;
    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章