滚动上的交替 DIV 可见性
Alternating DIV visibility on scroll
我是新来的,所以不要太狠狠地打我。
我有一系列 DIV,它们与相对和固定背景交替出现,并大量使用 z 索引。滚动时,DIV 会相互经过,显示新图层。它几乎可以完美地工作 - 但我需要为卷轴的后面部分提供不同的策略。
通过向您展示来解释我的问题最容易。以下是我正在尝试执行的操作的示例:http://codepen.io/papercutpm/pen/KJBFd
"A"、"B"、"C"和"E"完全按照我想要的方式工作。因为我只依赖z索引,所以"D"很无聊。我只希望它与它的 DIV 一起出现。
我怀疑我将不得不走 AJAX 或 jQuery 路线,并根据特定的滚动事件以某种方式打开和关闭可见性。但这对我来说就像是先进的。大声笑
关于如何在显示之前隐藏"D",然后在用户向后滚动时再次适当地隐藏它的任何建议?
你有没有考虑过使用 jQuery 插件,jquery-parallax
?它应该完全完成您要做的事情,但要使其变得容易得多。这是指向 GitHub 页面的链接。
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- jQuery css可见性在load方法中不起作用
- 页面可见性API实际上支持操作系统屏幕锁定吗
- 有没有一种方法可以从隐藏的可见性(CSS,JS)中获得淡入效果
- JavaScript可见性不起作用('隐藏'起作用,'可见'不起作用)
- 当Div可见时使用Javascript
- 从内部回调的可见性
- Openlayers 3为了可见性而绑定到Vector层的复选框没有任何作用
- 需要切换2个DIV的DIV可见性
- 如何切换DIV元素的可见性
- 滚动上的交替 DIV 可见性
- 如何根据另一个 DIV 内容的可见性显示 DIV 内容
- 无法手动将 DIV 元素上的可见性设置为 true.“TH:IF”问题
- 使用 jquery 根据链接单击切换 DIV 可见性
- 根据选择框更改 DIV 可见性
- 在gridview事件处理程序中切换DIV可见性的代码不工作
- 当次要Div '的可见性被设置为'none'时,如何改变Div对齐方式
- 用JavaScript改变DIV可见性
- javascript中的Div可见性
- 切换DIV's的可见性点击