小小的需求,不管内容页面的多少。始终要底部固定在页面窗口的底部。
实现方法两种,道理简简单单,公司的电脑妈的一打开github就死机。真是无力吐槽了。。。
方法一:
判断高度
$(function() {
footerAuto();
})
function footerAuto() {
var _wh = $(window).height();
var _dh = $(document).height();
var _bh = $(document.body).height();
if (_bh < _wh) {
$("#footer").css({
position: "fixed",
bottom: "0",
left: "0",
})
} else {
$("#footer").css({
position: "static",
bottom: "auto",
left: "auto",
})
}
}
方法二
判断滚动条
function ct() {
return document.compatMode == "BackCompat" ? document.body.clientHeight : document.documentElement.clientHeight;
}
var f = document.getElementById('footer');
(window.onresize = function() {
f.style.position = document.body.scrollHeight > ct() ? 'static' : 'fixed';
f.style.left = "0";
f.style.bottom = "0";
})();
就酱紫。