0

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

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

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

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

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

有没有办法让菜单的底部不会超过右侧单元格的底部。从而使菜单永远不会与页脚重叠。

谢谢

4

2 回答 2

1

如果您向我们展示您的代码或jsfiddle会更好......无论如何我的猜测是::

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

你也可以试试position:fixed;top:10px;你的页脚

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

于 2013-08-02T18:28:00.537 回答
0

如果您知道页脚的高度，您可以将固定单元格的底部属性设置为该高度，然后它永远不会低于它。另一种选择是使用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.
}
于 2013-08-02T18:17:22.233 回答