Conflict with the Sticky Header and the Submenu Navbar

Question

Hello,

I've been trying to make the submenu navbar example work with the sticky header (the version that gets smaller after scrolling), but I'm having a slight issue.

During the animation where the header goes from big to small, the submenu navbar directly gets moved upwards. This issue does not arise when scrolling back up with the reverse animation.

I've put together an example code here: http://t.bourgeois.io/code/canvas_issue/

Try scrolling down, you should see the blue navbar blink (not normal)
Try scrolling back up, the blue navbar will slowly move back to place (normal)

Is there any way to fix this?

Thank you very much.

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for Reporting this to us!

Actually, we have built it like this by Default since there was no way to Animate the Sub Menu as it also Turns Sticky as soon as the Header turns Sticky as it is immediately after the Header. So currently there is no solution for this and in fact we have also kept it this way in the Demos. However, we will definitely release an Update as soon as we fix this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

ArchaiosFiniks · Answer

Glad to hear about a potential update with a fix for this! Thank you very much.

stevesuk · Answer

Any fix forthcoming yet?

Semicolon Web · Answer

Hello,

Thank You so much for your Patience!

Unfortunately, this is currently not considered as an Bug since this was always built this way and there is not a reliable way to Animate the Page Sub Menu at the moment. But we will definitely release an Update as soon as we fix this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.