Header can't have three states at once

[ethanstanfield]

In testing, I noticed that if the header height spans three sections, the header will glitch. For example the header is 500px tall and it enters a 250px tall section.

Section 1 - dark header
Section 2 (250px tall) - light header
Section 3 - dark header

Once the header hits Section two everything acts normal. When the bottom of the 500px tall header hits Section 3 PART of the header switches to the dark header even though it should be light still.

Is it possible for the header to have three states at one time instead of just two?

[RobertoGonzalez]

Hi @ethanstanfield, We actually skipped that edge case for the first release since it would increase the complexity of the plugin (we'd need to make more copies of the header and refactor the code to make it work properly), and most headers are small enough to never hit that edge case. I'm going to mark this as a feature request for the next release and we'll see if it's viable. Thanks for the report!

[ethanstanfield]

Sounds great thank you!

[johnrom]

checking in to see if this is on anyone's radar. found the plugin very useful, but we have some images we'd like to transition between on mobile.

[RobertoGonzalez]

@johnrom Sorry, no news on that front. The best way to do this would be to support an arbitrary amount of headers and that's quite a bit of work to do. We'd love a PR with that feature though!

For most cases that require a similar effect, a usual (though quite limited) workaround is using many divs with fixed backgrounds, which a bunch of parallax plugins do.