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

在我的HTML代码，我有这样的如何在html中设置固定位置元素的最大深度？

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

左下角细胞的表，是一个固定的位置，所以它上下移动，当你滚动页面。它基本上是右下角单元格内容的菜单。顶部单元格是主菜单。

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

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

有没有一种方法可以让菜单底部不会超过右侧单元格的底部。从而使菜单不会与页脚重叠。

感谢

来源

2013-08-02 omega

你指的是[Z - 索引] （http://coding.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/）？ – mawburn

不，我只想要固定位置单元格的底部，不要超过表格的底部。基本上设置一个最大的Y坐标。 – omega

我认为你需要用JavaScript来做到这一点。 – putvande

如果你知道你可以设置固定单元到高度的底部属性，那么它绝不会在它下面的页脚的高度。另一种选择是使用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-02 18:17:22 Shane

这是固定小区的底部属性到那个高度的含义。你可以显示一些代码吗？ – omega

它会更好，如果ü告诉我们您的代码或一个的jsfiddle ...反正我的猜测是::

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

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

，但我不能保证你，直到你告诉我们，你的代码

来源

2013-08-02 18:28:00

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

回答

相关问题