实现粘性页脚效果的 JavaScript 技巧

在网页设计中，经常会遇到需要实现粘性页脚（sticky footer）效果的情况。粘性页脚是指当内容不足以填充整个浏览器窗口时，页脚会自动粘附在页面底部，而当内容超出窗口高度时，页脚会被推至页面的底部。本文将介绍一种使用 JavaScript 实现粘性页脚效果的技巧，并提供相应的源代码示例。

下面是实现粘性页脚效果的 JavaScript 代码：

// 获取页面内容的高度和视口高度
var contentHeight = document.getElementById('content').offsetHeight;
var viewportHeight = window