js 固定底部 footer
Posted 简一118
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 固定底部 footer相关的知识，希望对你有一定的参考价值。
除了 display: fixed，方法将 footer 固定在底部，记录下用 js 获取页面 innerHeight，计算出 main 的高度。
html：
<body> <header>header</header> <main class="main">main</main> <footer>footer</footer> </body>
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的主要内容，如果未能解决你的问题，请参考以下文章