search

maisano / react-router-transition

painless transitions built for react-router, powered by react-motion
http://maisano.github.io/react-router-transition/
MIT License
2.6k stars 138 forks source link

react-router-transition is interfering with my "sticky" header #101

Open oliverwatkins opened 6 years ago

oliverwatkins commented 6 years ago

My "sticky" behaviour does not work on my header when I use react-router-transition with react-router.

I am using position: "sticky" on my website header.

I am using the standard AnimatedSwitch in the documentation, and it says I should set this CSS - 

.switch-wrapper {
  position: relative;
}

.switch-wrapper > div {
  position: absolute;
}

If I remove this CSS then my "sticky" works, however the animation is slower and jerkier for the transitions.

Is there a way around this?