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

Question

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

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

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

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

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

我有没有办法让菜单的底部不会越过右边单元格的底部。因此，菜单永远不会与页脚重叠。

由于

Answer 1

如果你告诉我们你的代码或jsfiddle会更好......无论如何我的猜测是::

您可以在固定菜单中尝试position:fixed;bottom:10px;或在页脚中margin-top:10px

您也可以在页脚中尝试position:fixed;top:10px;

但在向我们展示您的代码之前，我无法向您保证

Answer 2

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

.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.
}