js 固定底部 footer

2021-03-30 04:27

阅读:649

标签:win   固定   UNC   play   页面   splay   classname   min   window   

 

除了 display: fixed,方法将 footer 固定在底部,记录下用 js 获取页面 innerHeight,计算出 main 的高度。

HTML:

  
header
main
footer

JS:

function windowHeight () {
     // header: 30px; footer:100px; total:130px
        let mainMinHeight = window.innerHeight - 130
        mainMinHeight = bodyMinHeight > 0 ? bodyMinHeight : 0
        document.getElementsByClassName(‘main‘)[0].style.minHeight = mainMinHeight + ‘px‘
}

  

 

js 固定底部 footer

标签:win   固定   UNC   play   页面   splay   classname   min   window   

原文地址:https://www.cnblogs.com/zhangym118/p/12600272.html


评论


亲,登录后才可以留言!