Javascript 当#内容区域长于窗口高度（本机或Vue.js）时收听

我有一个以控件作为页脚的内容区域。控件始终位于内容区域下方。当内容区域比

窗口长时。innerHeight

我想将页脚固定（位置：固定）到窗口底部，以便控件始终可见。如果内容区域小于窗口高度，则它再次位于其下方（位置：相对）

我想当窗口调整大小时，我已经做到了这一点。但是，我还想监听#content div，因为它包含一个textarea，当用户在其中键入时，它可能会比窗口长。我也需要一些事件监听器

window.addEventListener('resize', function() {
    var viewportHeight = window.innerHeight
    var contentHeight = document.getElementById('content').clientHeight;
    if (contentHeight > viewportHeight) {
        console.log('Larger')
    } else {
        console.log('Smaller')
    }
}, true)

---

我使用的是Vue.js，所以无论是本机Javascript还是本机Javascript，我都没有使用jQuery。

这并不是那么容易。因为我不知道Vue.js，所以我只能告诉您有关本机js解决方案的信息-有两种方法：
1） 如果内容仅在某些特定操作（如用户编辑文本区域）上更改，则您可以将高度检查器功能附加到相应的事件。
2） 更通用的解决方案是设置函数，该函数将持续监视更改，如

setInterval

或

requestAnimationFrame

---

从性能的角度来看，第一个示例更好，但可能更难实现，这取决于有多少事情可以改变内容的大小。

谢谢，我正在阅读，但它对我来说意义不大。您是否有一个非常基本的示例或指南为我指出正确的方向？只需从“窗口大小调整”中取出您的函数，并在

设置间隔中使用它即可。下面是一个非常基本的示例：