Javascript 如何在html中设置固定位置元素的最大深度？

在我的html代码中，有这样一个表

|-------|
|-------|
|   |   |
|   |   |
|   |   |
|-------|

左下角的单元格是一个固定位置，因此当您滚动页面时，它会上下移动。它基本上是右下角单元格内容的菜单。顶部单元格是主菜单

另外，整个页面都有一个页脚，它总是粘在页面底部。这是我无法修改的，因为我只能将我的html添加到现有页面，而不能修改包含该页脚的其他内容

问题是当我滚动到页面底部时，我的固定位置菜单与页面底部的页脚重叠

是否有办法使菜单的底部不会超过右单元格的底部。因此，使菜单永远不会与页脚重叠

---

谢谢

如果您知道页脚的高度，您可以将固定单元格的“底部”属性设置为该高度，然后它将永远不会低于该高度。另一个选项是使用javascript并执行滚动事件，如果滚动在底部，则将固定位置的底部属性设置为页脚的高度

.some-fixed-cell{
    position: fixed;
    bottom: 50px; // This should be the height of the footer.
    // It will make it to where the fixed element will always leave 50px between
       it and the bottom of the window.
}

---

如果您向我们展示您的代码或JSFIDLE会更好…无论如何，我的猜测是：：

您可以尝试

位置：固定；底部：10px或页脚中的
页边距顶部：10px

您也可以尝试
position:fixed；顶部：10px在页脚中

但我不能向您保证，除非您向我们展示您的代码
您指的是固定位置单元格的底部吗？不，我只希望固定位置单元格的底部不能超过表格的底部。基本上是为它设置一个最大y坐标。我想你需要用JavaScript来实现这一点。你说固定单元格的这个
底部属性是什么意思。你能出示一些代码吗？