如何使用 react-spring 创建视差固定标题

Question

我想创建一个 Parallax Fixed Header 效果（固定标题滚动体），就像这些页面中使用的那样。

http://somethingsplendid.com/

http://jsfiddle.net/KsdeX/1/?utm_source=website&utm_medium=embed&utm_campaign=KsdeX

如何使用react-spring Parallax 实现它？对于将标题固定在顶部并且所有其他内容滚动直到它覆盖标题然后滚动恢复正常。不知道怎么做...

谢谢！

Answer 1

如果它仍然与您或某人相关。 只需在标题上使用position:sticky; top: 0;。 并确保父标签是您希望粘贴该标头的整个其他主体。