滚动上的交替 DIV 可见性

Alternating DIV visibility on scroll

本文关键字:DIV 可见性 滚动      更新时间:2023-09-26

我是新来的,所以不要太狠狠地打我。

我有一系列 DIV,它们与相对和固定背景交替出现,并大量使用 z 索引。滚动时,DIV 会相互经过,显示新图层。它几乎可以完美地工作 - 但我需要为卷轴的后面部分提供不同的策略。

通过

向您展示来解释我的问题最容易。以下是我正在尝试执行的操作的示例:http://codepen.io/papercutpm/pen/KJBFd

"

A"、"B"、"C"和"E"完全按照我想要的方式工作。因为我只依赖z索引,所以"D"很无聊。我只希望它与它的 DIV 一起出现。

怀疑我将不得不走 AJAX 或 jQuery 路线,并根据特定的滚动事件以某种方式打开和关闭可见性。但这对我来说就像是先进的。大声笑

关于如何在显示之前隐藏"D",然后在用户向后滚动时再次适当地隐藏它的任何建议?

你有没有考虑过使用 jQuery 插件,jquery-parallax?它应该完全完成您要做的事情,但要使其变得容易得多。这是指向 GitHub 页面的链接。