如果固定元素在父元素的高度之外，如何隐藏？

Question

我想知道如何隐藏.fixedElement内.entry-content不允许它显示在.header(blue section)或.footer(green section)上的{{1}}。 fixedElement到达它隐藏它的父元素的顶部/底部。

http://jsfiddle.net/cafgnzj3/

我了解到固定元素在其父元素css样式中不起作用，因为它基于浏览器的视口。

我认为创建一个例子要容易得多。

如果可能的话，我也会给你一个javascript的功能。

Answer 1

父css：{overflow:hidden;}

编辑：具体来说：

<div class='some-tough-edges'>buncho stuffs</div>

.some-tough-edges { width: yourchoice; height: yourchoice; overflow: hidden; //display: block; if not using a block element }

edit2：不要使用固定在溢出，固定位置的容器，以及绝对或相对的

Answer 2

可能最简单的方法是使 oval.x = this.locX; oval.y = this.locY; 成为绝对元素，然后像这样使用z-index：

.the_content

如果.fixedElement { position: fixed; z-index: 1; } .the_content { position: absolute; z-index: 2; } 是动态的，请在Javascript中调整其高度和位置。

在Javascript中调整高度和位置比在其中实现这种效果更容易。