Jquery 有视差的固定文本有意重叠

我试图在菜单上实现这种效果：

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

这就是我到目前为止所做的：

但是，重叠工作得非常好，以至于菜单彼此重叠，我不希望这样

有什么解决办法吗

---

谢谢，

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

首先，在第一节和第二节中有相同的头元素。把它从那里移走 并将其放在容器div之后。同样是标题样式。移除

位置：已修复

编辑：： 您仍然必须从这两个位置删除标题，并将标题（不带class=dark）放在div容器的后面。给它z指数100。此外，您还必须附加一个滚动功能

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

---

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

第一节和第二节中的元素相同。对一个菜单是白色的，另一个菜单是粉红色的。但我想在第二部分到达顶部时显示粉红色部分。如果我删除

位置：fixed

，我将在每张幻灯片的顶部显示菜单，我不希望这样。好吧，我误解了这个问题。仍然不能使用position:fixed with top:0px，因为它将使第二个收割台位于第一个收割台的顶部。你可以在滚动时使用jquery更改标题的css。是的，但这不会达到我在这里试图实现的重叠效果：我明白你的想法，这很好。。。但同样，它不会对过渡产生填充效果。