I'm currently working with 2 components, your amazing component here, and react-sticky-el. In the process, I've got other areas working nicely w/ sticky, but this component decides to lay on top of the sticky areas, whereas other components are properly going under it. (note all sub-components, including this one, are laid out below the sticky component.
I don't really understand how to adjust the z-index with your code. The goal with this approach would be to have your timeline continue to scroll but go under the sticky elements.
Maybe the first bullet point isn't the way to go. Is there a suggestion you have? Maybe approach it like a bounding-box?
Anyway, thanks for this sharing your component!
Kelly
May I please get your advice on this?
I'm currently working with 2 components, your amazing component here, and react-sticky-el. In the process, I've got other areas working nicely w/ sticky, but this component decides to lay on top of the sticky areas, whereas other components are properly going under it. (note all sub-components, including this one, are laid out below the sticky component.
Anyway, thanks for this sharing your component! Kelly