Javascript 带100%剩余屏幕高度的可滚动左栏，滚动问题

我试图创建一个可滚动的左列，它占据了剩余空间的100%，减去距页面顶部的距离。它目前运行良好，但存在一些问题。最初创建时，我遇到了无限滚动问题，因为我没有考虑页脚高度：

如果我减去页脚的高度：

它在一定程度上起作用，但如果我调整浏览器高度，并且右栏高度向下推动页脚，则左栏高度仍会考虑页脚高度

因此，我的问题是，如何使左列在所有条件下占据100%的剩余高度？

尝试类似的方法：

---

它的代码不是完美的，但它可以工作

您只有一些小错误。你做的减去页脚的例子很接近，但是你仍然需要配置你的CSS

看看我写的代码。。即使您决定更改页脚，它也会工作并考虑页脚。。（这只是对代码的一次小的重写。）

希望能有帮助

编辑

---

当窗口大小小于左列时会出现错误，但我会尽快解决此问题：）

是否允许使用

position:absolute

或

position:fixed

？注意：如果希望左列的高度超过页脚或页眉边距的100%，则必须对左列和其他解决方案使用position:absolute（或fixed）。谢谢，最后，我在左列使用了绝对定位，并解决了我的问题。你的评论引发了我的思考，所以我认为你的回答是可以接受的。谢谢