码迷,mamicode.com
首页 > Web开发 > 详细

js 固定底部 footer

时间:2020-03-30 20:06:46      阅读:136      评论:0      收藏:0      [点我收藏+]

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

 

除了 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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!