jquery - 有意重叠固定文本与视差

Question

我正在尝试在菜单上实现这种效果：http ://www.tokiolab.it/

我希望能够在滚动幻灯片时更改颜色。

这是我到目前为止所拥有的：http: //tinyurl.com/6uqdjmq

但是重叠工作得很好，菜单彼此重叠，我不希望这样。

有什么解决办法吗？

谢谢，

Answer 1

如果我正确理解了您的问题，则在滚动第一张和第二张幻灯片时会显示您的标题。

首先，第一部分和第二部分有相同的标题元素。从那里将其删除并将其放在容器 div 之后。也是标题样式。删除position:fixed.

编辑：： 您仍然必须从这两个地方删除标题并将标题（没有 class=dark）放在 div 容器之后。并给它 z-index 100。此外，您还必须附加一个滚动功能。

scrollorama.onBlockChange(function() {
    alert('You just scrolled to block#'+scrollorama.blockIndex);
     //Change the css properties of header using jquery .css() method.
});

您可以通过使用此方法更改每个块的标题颜色。