Javascript 滚动条上的交替DIV可见性

Javascript 滚动条上的交替DIV可见性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是新来的,所以不要对我太苛刻。;-) 我有一系列的div,它们与相对和固定背景交替使用,并且大量使用z-index。当您滚动时,div会互相传递,显示新的层。它几乎完美地工作-但我需要一个不同的策略,为稍后的部分滚动 给你看最容易解释我的问题。下面是我尝试做的一个示例: “A”、“B”、“C”和“E”完全按照我的要求工作。因为我只依赖于z指数,“D”是borke。我只希望它与DIV一起出现 我怀疑我将不得不使用AJAX或jQuery,并根据特定的滚动事件以某种方式打开和关闭可见性。但这对我来

我是新来的,所以不要对我太苛刻。;-)

我有一系列的div,它们与相对和固定背景交替使用,并且大量使用z-index。当您滚动时,div会互相传递,显示新的层。它几乎完美地工作-但我需要一个不同的策略,为稍后的部分滚动

给你看最容易解释我的问题。下面是我尝试做的一个示例:

“A”、“B”、“C”和“E”完全按照我的要求工作。因为我只依赖于z指数,“D”是borke。我只希望它与DIV一起出现

我怀疑我将不得不使用AJAX或jQuery,并根据特定的滚动事件以某种方式打开和关闭可见性。但这对我来说是先进的。哈哈


关于如何隐藏“D”直到显示出来,然后在用户向后滚动时再次适当隐藏它,有什么建议吗?

您是否考虑过使用jQuery插件,
jQuery parallax
?它应该完全完成你想做的事情,但要让它变得容易得多。这是GitHub页面。

没有必要为
.s(n)
元素设置z-index(其中n是一个数字),因为每个父元素都有自己的堆栈上下文……耶,我发现,经过大量的混乱之后,z-index真的不是一个好方法。这就是为什么我在寻找替代品。哦,哇,那看起来太酷了!:-)谢谢你,我要试一试。