故意重叠固定文本与视差

Question

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

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

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

但是重叠工作得非常好，菜单在彼此的顶部，我不希望这样。

有没有解决方案？

谢谢，

Answer 1

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

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

修改:: 你必须仍然从两个地方删除标题，并在div容器后面放置标题（没有class = dark）。并给它z-index 100.此外，你必须附加一个滚动功能。

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

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