JS 网页内容不足以充满屏幕，尾部在最底部显示

工作中，碰到了这样的问题，当页面内容不足window的高度时，尾部内容就会上移到内容的最底部，页面的最底部会留下一段距离。


网上有很多方法，我用的是js控制。


window.onload=function () {

if (document.body.clientHeight < window.innerHeight){

$(".footer").css({'position':'fixed','bottom':'0','width':'100%'});

}

}

通过获取body的高度与窗口高度相比较，如果条件满足，就给尾部设置固定定位。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS 各种宽高的理解
    Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 6,723评论 0赞 5
  • JavaScript
    一、JS前言 （1）认识JS 也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HT...
    凛0_0阅读 7,744评论 0赞 8
  • JS事件总结
    事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放...
    孤魂草阅读 4,427评论 0赞 0
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1赞 92
  • 宦海沉浮  我心依旧
    昨天第一次在简书发表文章，收到的第一封信是 哲思 的拒绝信，当时是难过的，后来被 我的大学 所收录，取而代之的是激...
    徘徊还是奔跑阅读 3,349评论 3赞 3